@import "https://fonts.googleapis.com/css2?family=Mulish:wght@400;600&display=swap";body,html{box-sizing:border-box;font-family:Mulish,sans-serif;font-family:400;margin:0;padding:0}a{color:#4285f4;text-decoration:none}body{background-color:#040404;display:grid;min-height:100vh}.main-content{background-image:url(background.44edd1a4.jpg);background-position:50%;background-size:cover;border-radius:15px;display:grid;gap:1.5rem;grid-area:main;grid-template-areas:". login . ." ". login message .";grid-template-columns:0 1fr 1fr 0;height:500px;width:760px}.login-section{align-items:center;background-color:#080808;border-radius:10px;display:flex;flex-direction:column;grid-area:login;margin-bottom:1rem;margin-top:1rem}.login-section p{align-self:start;color:#fff;font-size:1.3rem;font-weight:600;margin:4rem .8rem 1rem}.btn-google{align-items:center;background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:58px;justify-content:center;margin-top:1rem}.btn-google img{margin-right:10px;width:32px}.btn-google:hover{animation:bounce;animation-duration:1.5s}.or{color:#fff;display:flex;flex-direction:row;margin:1.5rem 0}.or:after,.or:before{border-bottom:1px solid #97979780;content:"";flex:1 1;margin:auto}#login-form{display:flex;flex-direction:column}.email-label{color:#fff;font-size:14px}#email{background-color:#040404;border:1px solid hsla(0,0%,100%,.32);border-radius:5px;color:#fff;margin:5px 0 2rem;padding:1.25rem}.btn-submit{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;height:58px;margin-bottom:1rem;padding:1rem 8rem}.signUp{align-self:start;color:#fff;font-size:14px}.message{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:600;grid-area:message;justify-content:flex-end}.message h3{font-size:1.6rem}.message p{font-size:1rem;line-height:1.5rem}@media (max-width:50em){.main-content{gap:10px;grid-template-areas:". login ." ". login .";grid-template-columns:0 300px 0;width:380px}.login-section{margin:1rem 0;width:360px}.login-section p{margin-left:1.38rem}.message{display:none!important}}@media (max-width:380px){.main-content{gap:10px;grid-template-areas:". login ." ". login .";grid-template-columns:0 300px 0;width:360px}.login-section{margin:1rem 0;width:340px}.message{display:none!important}}
/*# sourceMappingURL=index.0b263cfd.css.map */