nav{display:flex;flex-direction:row-reverse;padding:10px;gap:20px}footer{display:flex;justify-content:space-around}footer>a,footer>p,footer>p>a{all:unset;color:#fff;font-size:medium;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-shadow:1px 1px 0 black,-1px -1px 0 black,-1px 1px 0 black,1px -1px 0 black}.app-container{background-repeat:no-repeat;background-size:cover;min-height:100dvh;display:flex;justify-content:space-between;flex-direction:column;transition:background-image .5s ease-in-out}.focus-container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50px;padding:25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#3333354d;width:fit-content;margin:auto}.timer-container{display:flex;justify-content:center;align-items:center}.timer-container>p{font-size:6em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;margin:0;padding:0}.timer-container>div{display:flex;flex-direction:column;justify-content:center}.timer-controls{display:flex;justify-content:center}button{all:unset}select{border:2px solid #ddd;padding:10px;transition:.5s;min-width:200px}option{display:flex;justify-content:flex-start;gap:20px}select,option{background-color:#333335;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}select,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select:hover,option:hover{background-color:#535353}h1,h2,p,.support-button{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;margin:0}h1{font-size:3em}h2{font-size:2em}.support-button{background-color:#fff;color:#000;mix-blend-mode:lighten;padding:10px;font-weight:700;border-radius:20px;margin:20px 0}.social-links{display:flex;justify-content:space-around;width:60dvw;margin:20px 0}section{width:60dvw;display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:space-around}.about-container{height:fit-content;width:60dvw;padding:20px;background-color:#3333354d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;align-self:center}
