@font-face{font-family:FiraCode Nerd Font;src:url(../../../fonts/FiraCodeNerdFontMono-Regular.ttf) format("truetype")}*{transition:background-color .36s ease,color .36s ease}body{margin:0;overflow:hidden}#main-container{width:100vw;height:100vh;background-color:var(--color-bg-main);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(75vw,100vh);min-width:500px;background-color:var(--color-bg-outer);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:var(--color-bg-inner);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:var(--color-bg-inner);border-radius:10px}.timer-button{aspect-ratio:1/1;width:100%;background-color:var(--color-bg-button);border:none;border-radius:10px;font:4em FiraCode Nerd Font;line-height:0;color:var(--color-text);box-shadow:var(--color-shadow) -5px 6px;-webkit-user-select:none;user-select:none;transition:background-color .26s ease,color .26s ease,transform .1s ease,box-shadow .1s ease}.timer-button:hover{background-color:var(--color-accent);color:var(--color-text-hover)}.timer-button:active{transform:translate(-3px,4px);box-shadow:none}#start-button{flex:1}