:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#89aadf;overflow-y:hidden;animation:sky 3s forwards}@keyframes sky{to{background-color:#fd5e53}}.sun{background-color:#ff8c1a;height:1600px;width:1600px;border-radius:50%;z-index:1;padding:0%;box-shadow:0 0 50px 15px #ff761a;animation:sunset 5s forwards;position:absolute;left:50%;top:5%;transform:translate(-50%) translateY(0)}@keyframes sunset{to{transform:translate(-50%) translateY(220px);box-shadow:0 0 75px 30px #ff761a}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.searchbar{border:2px solid transparent;z-index:2;width:600px;height:2.5em;padding-left:.8em;outline:none;overflow:hidden;background-color:#f3f3f3;border-radius:10px;transition:all .5s;position:absolute;left:50%;top:29%;transform:translate(-50%);opacity:0;animation:fadeIn 1s ease-in-out forwards;animation-delay:3s}.searchbar:hover{border:2px solid #4A9DEC;box-shadow:0 0 0 3px #4a9dec33;background-color:#fff}.dashboard{border:2px solid transparent;z-index:2;width:1394px;height:14em;padding-left:.8em;background-color:#024a62;border-radius:30px;position:absolute;left:50%;bottom:2%;transform:translate(-50%);opacity:0;animation:fadeIn2 1s ease-in-out forwards;animation-delay:3s;display:flex;justify-content:space-evenly;align-items:center}@keyframes fadeIn2{0%{opacity:0}to{opacity:.8}}.titlebox{width:600px;height:400px;position:absolute;left:50%;top:10%;opacity:0;transform:translate(-50%);animation:fadeIn 1s ease-in-out forwards;animation-delay:3s;z-index:1}.title{font:italic 1.2rem Fira Sans,serif;font-size:65px;color:#024a62;text-align:center;font-weight:bolder}.timetillbox{width:100%;position:absolute;margin-left:auto;margin-right:auto;top:39%;z-index:1;opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:.5s}.timetill{font:italic 1.2rem Fira Sans,serif;font-size:35px;color:#024a62;font-weight:bolder;text-align:center}.circle{font:italic 1.2rem Fira Sans,serif;width:220px;height:180px;border-radius:30px;background-color:#0c627e;border:.5px solid #000000;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 6px #0003;transition:transform .2s,box-shadow .2s;cursor:pointer}.circle:hover{transform:translateY(-8px);box-shadow:0 8px 12px #0000004d}.circle:active{transform:translateY(0);box-shadow:0 4px 6px #0003}