:root{--font-size:min(max(2.25vw,20px),30px)}.login-page{width:100vw;height:100vh}.component-flex{height:auto;padding:30px;display:flex}#title-component{text-align:center;flex-direction:column;flex-basis:50%;gap:50px;margin-top:0;padding-top:20px;font-family:Italiana;display:flex}#title-component h2{color:#fff;letter-spacing:6px;margin:0;font-size:min(max(8vw,40px),100px);font-weight:400}.p-tags{flex-direction:column;gap:0;display:flex}#title-component div p{color:#a9a9a9;letter-spacing:5px;margin:0;padding:0;font-size:min(max(4vw,50px),60px)}form{width:auto;height:auto;margin:0;padding:0}#login-component{box-sizing:border-box;background:linear-gradient(#0e1115 60%,#1e2835 100%);border-radius:20px;flex-direction:column;gap:40px;width:100%;max-width:600px;height:100%;padding:30px;display:flex;box-shadow:0 20px 40px #000}#login-component h2{color:#fff;font-family:Roboto;font-size:40px;font-weight:700}#login-component input{color:#fff;background-color:#0000;border:2px solid #0000;border-bottom-color:#fff;width:100%;height:40px;padding-bottom:4px;font-family:Italiana;font-size:min(max(3vw,20px),35px)}#login-component input:focus{outline:none}#login-component .forgot-password{text-align:start;color:#fff;font-size:var(--font-size);background:0 0;border:0;width:50%}#login-component .forgot-password:hover{width:55%;font-weight:bolder}#login-component button:hover{cursor:pointer}.sign-in{font-size:var(--font-size);border:none;border-radius:10px;padding:15px;font-weight:700}.sign-in:hover{background-color:#595564;border:none;outline:none}.sign-with-email-div{justify-content:center;display:flex}.sign-with-email{color:#fff;width:52%;font-size:var(--font-size);background:0 0;border:none;border-bottom:3px solid #fff;font-weight:700}.no-account{gap:5px;display:flex}.no-account h3{color:#fff;font-family:Italiana;font-weight:500;font-size:var(--font-size);margin:0}.no-account button{color:#fff;font-weight:bolder;font-size:var(--font-size);background:0 0;border:none;font-family:Roboto}@media screen and (max-width:600px){.component-flex{flex-direction:column;align-items:center;gap:10px;padding:0}#title-component{gap:15px}#title-component h2{letter-spacing:4px;font-size:5rem}#title-component div p{letter-spacing:5px;font-size:35px}.p-tags{margin-bottom:15px}#login-component{gap:30px;width:80vw}.no-account{flex-direction:column;align-items:start;gap:10px}#login-component h2{margin:10px 0 0}#login-component .forgot-password,#login-component .forgot-password:hover,.sign-with-email{width:60%}}