body{font-family:SN Pro,sans-serif;font-optical-sizing:auto;background-color:#222;margin:0;color:#fff}.centerdiv{display:flex;flex-direction:column;text-align:center;width:100vw;align-items:center}h1{font-size:clamp(3rem,5vw,6rem);width:70vw;margin:0 auto;text-align:center}.topGlass{width:clamp(20rem,30vw,95rem);box-shadow:0 4px 10px #0000005f;backdrop-filter:blur(5.5px);background:#4444446d;-webkit-backdrop-filter:blur(5.5px);border-radius:40px;position:fixed;height:12vh;display:flex;flex-direction:row;align-items:center;top:0;top:3vh}.bottomGlass{width:clamp(20rem,80vw,95rem);box-shadow:0 4px 10px #0000005f;backdrop-filter:blur(5.5px);background:#4444446d;-webkit-backdrop-filter:blur(5.5px);border-radius:40px;position:fixed;height:17vh;flex-direction:column;align-items:center;bottom:3vh;display:flex;justify-content:center;gap:1.5vh}.list{margin-top:20vh;margin-bottom:20vh;height:max-content;width:80vw}p{font-size:clamp(2.5rem,3vw,6rem);max-width:90vw}input{font-family:SN Pro,sans-serif;font-optical-sizing:auto;width:clamp(16rem,65vw,95rem);background-color:#414141;height:4vh;outline:none;border-radius:100vw;border:none;padding-left:5vw;padding-right:5vw;text-align:center;color:#fff;margin-top:0;font-size:4vh;margin-top:1vh}.smol{font-size:30px;margin-bottom:1vh;margin-top:3vh}.buttonText{font-size:30px;margin-bottom:1vh;margin-top:1vh}button{font-family:SN Pro,sans-serif;font-optical-sizing:auto;padding-left:5vw;padding-right:5vw;background-color:#8d8d9a;height:5vh;outline:none;border-radius:100vw;border:none;text-align:center;color:#fff;margin-top:0;margin-bottom:2vh;font-size:2vw;display:flex;align-items:center;justify-content:center}.listStuff{flex:1;margin:0 auto}.divider{height:5px;width:clamp(10rem,15vw,25rem);background-color:#3e3e3e;margin:0 auto;margin-top:1vh;margin-bottom:1vh;border-radius:30px}.smallButton{width:clamp(10rem,15vw,20rem);height:clamp(2rem,5vh,5rem);margin:0 auto;font-size:clamp(1.5rem,2.5vw,5rem);margin-top:3vh;margin-bottom:2vh}.bigbutton{font-size:clamp(1.5rem,2.5vw,5rem);width:clamp(15rem,20vw,30rem);height:clamp(5rem,7vw,16rem);margin-top:2vh}.key{font-size:clamp(1.5rem,3vw,3.5rem);margin:0 auto;text-align:center;margin-top:3vh}.title{margin-top:3vh}.back{text-decoration:none;color:#fff;background-color:#8d8d9a;width:clamp(5rem,8vw,10rem);height:clamp(2rem,4vw,6rem);display:flex;align-items:center;justify-content:center;border-radius:30px;margin-top:5vh}a{text-decoration:none;color:#fff}.glass{width:clamp(20rem,50vw,70rem);height:clamp(5rem,10vw,40rem);box-shadow:0 4px 10px #0000005f;backdrop-filter:blur(5.5px);background:#4444446d;-webkit-backdrop-filter:blur(5.5px);border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}.hidden{background:none;font-size:clamp(2.5rem,3vw,6rem);height:auto;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.clampinput{width:clamp(20rem,30vw,50rem);height:clamp(2rem,3vw,7rem);font-size:clamp(1rem,2vw,3rem)}.user{font-size:clamp(1rem,2vw,3rem);color:#707070}.listStuffDone{color:#4e4e4e;flex:1;margin:0 auto}