@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);.logo{color:#673ab7;font-family:Lobster,sans-serif;font-size:2rem}.logo:hover{color:#8a2be2}.btn{background-color:#673ab7;border:none;box-shadow:0 3px 8px rgba(0,0,0,.24)}.btn:hover{background-color:#8a2be2}.login-page{align-items:center;display:flex;flex-wrap:wrap-reverse;justify-content:space-evenly}.login,form{align-items:center;display:flex;flex-direction:column;justify-content:center}form{border:2px solid #673ab7;border-radius:20px;max-width:600px;padding:30px}.note-item,form{box-shadow:0 3px 8px rgba(0,0,0,.24)}.note-item{border:2px solid #673ab7}i{color:#673ab7;cursor:pointer;font-weight:700}footer{margin-top:50px;text-align:center}@media screen and (max-width:830px){.login-page{flex-direction:column;gap:75px}.intro{flex-direction:column}.h1,.intro{align-items:center;display:flex;justify-content:center}.h1{gap:15px}.intro p{text-align:center}}@media screen and (max-width:450px){.h1{display:flex;flex-direction:column}.memo{margin-top:-23px}}
/*# sourceMappingURL=main.3b0e089d.css.map*/