:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}.landing-container{display:flex;flex-direction:column;min-height:100vh;font-family:monospace;background-color:#524d52;color:#fff}.landing-container input{font-family:monospace;color:#fff}header{background-color:#333;color:#fff;padding:20px;position:sticky;top:0;height:6vh}nav{display:flex}header nav span:hover{cursor:pointer}.links{width:90vw;display:flex;justify-content:center}.links a{color:#fff;margin-left:10px;margin-right:10px;text-decoration:none}.links a:hover{color:#a8cbff}.title{font-size:1.5em;font-weight:700}.info{display:flex;flex-direction:column;align-items:center;justify-content:center;height:95vh}.info h1{font-size:8rem}.button-grid{display:flex;justify-content:center;flex-wrap:wrap;width:100vw;padding:10px}.button-grid button{display:flex;flex-direction:column;border-color:#a8cbff;border-width:5px;border-radius:5px;border-style:solid;cursor:pointer;background-color:transparent;color:#fff;margin:20px}.button-grid button:hover{background-color:#d6eaff;color:#474747}.button-grid button:active{background-color:#d6eaff;color:#474747;filter:brightness(.45)}.button-grid span{margin-bottom:10px;text-align:center;font-size:22px;font-weight:bolder}.button-grid button img{width:250px;height:250px;margin:10px}.color-palette{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:94vh}.colors{display:flex;flex-wrap:wrap;padding:0;width:100%;min-width:330px;height:100%}.colors div{width:33.3%;min-width:110px}.colors-actions{margin:20px}.color-tag{font-size:2rem}.timer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:94vh}.count{display:flex;font-weight:bolder;font-size:10rem}.big-time{min-width:178px}.miliseconds{margin-top:1rem;font-size:3rem;min-width:54px}.timer-actions button{background-color:transparent;font-size:100px;border:none}.timer-actions button:hover{cursor:pointer;filter:opacity(.9)}.timer-actions button:active{filter:opacity(.6)}.units{display:flex;flex-direction:column;align-items:center;height:94vh;width:100%}.units select{background-color:#413c41;color:#fff;font-size:4rem;padding:20px}.units select:hover{cursor:pointer}.units-result select,.units-input select{min-width:400px;margin:20px}.units-input,.units-result{display:flex;align-items:center}.units-input input,.result{background-color:#413c41;font-weight:bolder;font-size:5rem;width:600px;padding:10px}.wip{width:100vw;height:94vh}.img-container{width:100%;height:100%;overflow:hidden}.wip img{width:100%;height:100%;object-fit:cover}