.button,button{cursor:pointer;border:solid;border-radius:5px;color:white;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:20px;margin-top:20px;transition-duration:0.3s}.miniButton{cursor:pointer;border:solid;border-radius:5px;color:white;padding:10px 15px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:20px;margin-top:5px;transition-duration:0.3s}.greenButton{background-color:#22c55e;border-color:#1dad52}.greenButton:hover{background-color:#1db154;border-color:#199847}.blueButton{background-color:#0048ff;border-color:#0041e5}.blueButton:hover{background-color:#0043eb;border-color:#003bd0}.redButton{background-color:#ff0000;border-color:#c70000}button#reset:hover{background-color:#d20404;border-color:#b50404}.purpleButton{background-color:#ff00fb;border-color:#e500e1}.purpleButton:hover{background-color:#db00eb;border-color:#cf00c4}body{background-color:#2c3e50;color:white;font-family:sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}a{text-decoration:none;color:#ffffff}.text-center{text-align:center}.hidden{display:none}.tile-container{height:250px;width:214px;padding:10px}.tile{height:214px;width:214px;color:#ffffff;font-size:14px;transition-duration:0.3s;font-size:14px;text-align:center;padding:1.4px;h1{opacity:0;padding-top:0;position:relative;bottom:43px;transition-duration:0.3s}img{border-radius:10%;width:214px;height:214px}}.tile:hover{text-decoration:none;padding-top:14px;font-size:14px;h1{opacity:1;bottom:14px}}.flex-container{display:flex;flex-direction:row;order:0;flex-grow:0;flex-wrap:wrap;align-items:center;justify-content:center}.searchBar{width:500px;text-align:center;font-size:18px;padding:11px;border:3px solid #ddd;border-radius:30px}.slider{border-radius:5px;-webkit-appearance:none;appearance:none;width:286px;height:25px;background:#8682b6;outline:none;opacity:0.7;-webkit-transition:0.3s;transition:opacity 0.3s;border:solid;border-color:#74709e}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#056ab2;cursor:pointer;border-radius:5px;border:solid;border-color:#045b9a}.slider::-moz-range-thumb{width:25px;height:25px;background:#056ab2;cursor:pointer;border-radius:5px;border:solid;border-color:#045b9a}input[type=file]::file-selector-button{border:solid;cursor:pointer;font-size:16px;color:white;background-color:rgb(0, 255, 13);border-color:rgb(0, 208, 10);transition-duration:0.3s;border-radius:0;padding:5px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:20px}input[type=file]::file-selector-button:hover{background-color:rgb(0, 208, 10);border-color:rgb(0, 165, 8)}input[type='file']{padding:0 10px 10px;margin-bottom:10px;font-size:16px;color:white;width:243px}select{background-color:#0dc1c1;color:#ffffff;border-radius:5px;border:solid;border-color:#149e9e}.box{padding:10px;margin-bottom:10px;border:1px solid #ecf0f1;border-radius:5px;font-size:16px;background-color:#34495e;color:white;width:800px}