@import url("https://fonts.googleapis.com/css?family=Major+Mono+Display");@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');body{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.holder{position:relative;background-color:#ffffff;flex:1;display:flex;align-items:center;justify-content:center}.new-year{font-family:"Major Mono Display",monospace;color:#333333;font-size:20px;width:100%;text-align:center}.year{position:relative;left:50%;display:table;font-size:6em;transform:translateX(-50%)}.year2{transform:translateX(-50%) rotateX(180deg);opacity:0.2}.digit{display:inline-block;margin:0px;padding:0px;position:relative;opacity:0}.controls{margin-top:30px}.control{display:inline-block;padding-left:20px;padding-right:20px;font-size:0.8em;border-left:1px solid #333333;opacity:0;position:relative;top:100px}.control:first-child{border-left:none}.additional-text{position:absolute;bottom:5%;left:0;width:100%;text-align:center;font-family:"Lexend",monospace;font-weight:200;color:#333333;font-size:1.5em}.triangles{position:absolute;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0}.triangle{position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #333333;opacity:0}.audio-control{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.8);border:2px solid #333333;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:20px;padding:0;transition:transform 0.2s}.audio-control:hover{transform:scale(1.1)}.audio-control.muted #audioIcon{opacity:0.5}@media screen and (max-width:768px){.year{font-size:3em}.control{padding-left:10px;padding-right:10px;font-size:0.7em}.additional-text{font-size:1em;bottom:3%}}@media screen and (max-width:480px){.year{font-size:2.5em}.control{padding-left:5px;padding-right:5px;font-size:0.6em}.additional-text{font-size:0.8em;bottom:2%}}