@font-face{font-family:FiraCode Nerd Font;src:url(../../../fonts/FiraCodeNerdFontPropo-Regular.ttf) format("truetype")}body{margin:0;overflow:hidden}#main-container{width:100vw;height:100vh;background-color:#181825;display:flex;justify-content:center;align-items:center}#timer-container{display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;padding:20px;gap:20px;aspect-ratio:4/3;width:min(80vw,106.6666666667vh);min-width:500px;background-color:#11111b;border-radius:10px}#timer-visual-container{display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;height:100%;background-color:#1e1e2e;border-radius:10px}#timer-buttons-container{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:20px;gap:20px;flex:1;height:100%;background-color:#1e1e2e;border-radius:10px}.timer-button{aspect-ratio:1/1;width:100%;background-color:#313244;border:none;border-radius:10px;font:3em FiraCode Nerd Font;color:#cdd6f4;box-shadow:#181825 -5px 6px;transition:background-color .26s ease,color .26s ease,transform .1s ease,box-shadow .1s ease}.timer-button:hover{background-color:#cba6f7;color:#45475a}.timer-button:active{transform:translate(-3px,4px);box-shadow:none}#start-button{flex:1}