html{font-family:Arial,sans-serif}body{overflow:hidden;width:100vw;height:100vh;padding:0;margin:0}.authPage{width:100vw;height:100vh;background-color:#dda6a6;display:flex;align-items:center;justify-content:center}.authWindow{width:50vw;height:80vh;background-color:#fff;box-shadow:-.5vw .5vw 1vw #0005;border-radius:2vh;overflow:hidden;display:flex;align-items:center;justify-content:center;justify-content:start}.authWrapper{height:100%;width:40vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.authWrapper label{font-size:1.5rem}.authWrapper a{font-size:.75rem;color:#555}.authWrapper .passWarning{color:#b50000}.authWrapper .inputWrapper{width:75%;height:auto;margin-bottom:5vh}.authWrapper .inputWrapper:after{content:"";display:block;width:100%;height:.1vh;background:linear-gradient(to right,#000,#0000)}.authWrapper .inputWrapper input{margin-top:1.5vh;font-size:1rem;width:100%;border:none}.authWrapper .inputWrapper input:focus{outline:none}.authWrapper button{display:flex;align-items:center;justify-content:center;border:none;width:20%;height:7.5%;border-radius:2vh;background:#dda6a6;transition:background-color .5s ease;cursor:pointer}.authWrapper button:hover{background:#dd9595}.authColorDesign{height:100%;width:20vw;background-color:#dd9595}.signInButton{color:#535bf2;cursor:pointer;text-decoration:underline}@media (max-width: 768px){.authPage{height:100dvh}.authWindow{width:90vw;height:80vh}.authWrapper{overflow-y:auto;width:85vw}.authWrapper button{width:30%;flex-shrink:0}.authColorDesign{width:5vw}}.mainPage{background-color:#fff;width:100vw;height:100vh}.mainTopbar{background-color:#dda6a6;width:98vw;padding:0 1vw;height:10vh;display:flex;align-items:center;justify-content:center;gap:1vw}.mainTopbar .mainMenuButton{height:80%;aspect-ratio:1/1;background-color:#dd9595;border-radius:2vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15%;cursor:pointer}.mainTopbar .mainMenuButton span{width:75%;height:10%;border-radius:100vw;background-color:#fff}.mainTopbar .searchWrapper{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.mainTopbar .searchWrapper input{flex:1;height:50%;border-radius:2vh 0 0 2vh;outline:none;border:none;padding:.25vw;font-size:2vh}.mainTopbar .searchWrapper button{position:relative;box-sizing:content-box;height:50%;aspect-ratio:1/1;border-radius:0 2vh 2vh 0;border:none;outline:none;padding:.25vw;background-color:#dd9595;display:flex;align-items:center;justify-content:center;cursor:pointer}.mainTopbar .searchWrapper button img{width:80%;aspect-ratio:1/1}.mainTopbar .profileField{display:flex;align-items:center;justify-content:center;height:100%;width:auto;gap:1vw}.mainTopbar .profileField .profileButton{cursor:pointer;position:relative;height:80%;aspect-ratio:1/1;background-color:#dd9595;border-radius:2vh;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;gap:10%}.mainTopbar .profileField .profileButton .profileButtonHead{position:relative;top:.1vh;height:35%;aspect-ratio:1/1;background-color:#fff;border-radius:100%}.mainTopbar .profileField .profileButton .profileButtonBody{background-color:#fff;position:relative;bottom:.1vh;height:40%;width:70%;border-radius:100vw 100vw 25vw 25vw}.mainTopbar .profileField .profileText{color:#fff;font-size:1.5rem}@media (max-width: 768px){.mainPage{height:100dvh}.mainTopbar{background-color:#dda6a6;width:98vw;padding:0 1vw;height:10vh;display:flex;align-items:center;justify-content:center;gap:1vw}.mainTopbar .mainMenuButton{padding:.25vw;height:50%;aspect-ratio:1/1;background-color:#dd9595;border-radius:2vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15%;cursor:pointer}.mainTopbar .mainMenuButton span{width:75%;height:10%;border-radius:100vw;background-color:#fff}.mainTopbar .searchWrapper{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.mainTopbar .searchWrapper input{flex:1;height:50%;border-radius:2vh 0 0 2vh;outline:none;border:none;padding:.25vw;font-size:2vh}.mainTopbar .searchWrapper button{position:relative;box-sizing:content-box;height:50%;aspect-ratio:1/1;border-radius:0 2vh 2vh 0;border:none;outline:none;padding:.25vw;background-color:#dd9595;display:flex;align-items:center;justify-content:center;cursor:pointer}.mainTopbar .searchWrapper button img{width:80%;aspect-ratio:1/1}.mainTopbar .profileField{display:flex;align-items:center;justify-content:center;height:100%;width:auto;gap:1vw}.mainTopbar .profileField .profileButton{padding:.25vw;cursor:pointer;position:relative;height:50%;aspect-ratio:1/1;background-color:#dd9595;border-radius:2vh;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;gap:10%}.mainTopbar .profileField .profileButton .profileButtonHead{position:relative;top:.1vh;height:35%;aspect-ratio:1/1;background-color:#fff;border-radius:100%}.mainTopbar .profileField .profileButton .profileButtonBody{background-color:#fff;position:relative;bottom:.1vh;height:40%;width:70%;border-radius:100vw 100vw 25vw 25vw}.mainTopbar .profileField .profileText{display:none}}