@charset "UTF-8";
/* CSS Document */

.loginform{display:flex;justify-content:center;align-items:center;width:100%;max-width:120rem;aspect-ratio:1/0.5;margin:auto;padding:5rem 0;}
.loginform > div{padding:3rem;font-size:1.4rem;font-weight:700;background-color:#fff;border-top:solid 1rem #7cf;border-bottom:solid 1rem #7cf;filter:drop-shadow(0.5rem 0.5rem 0.5rem #ccc);}
.loginform > div p{text-align:center;color:#39d;}
.loginform > div p:first-of-type{font-size:1.8rem;}
.loginform > div p:last-of-type{margin-top:3rem}
.loginform > div p input{display:inline-flex;justify-content:center;align-items:center;width:15rem;height:4rem;color:#fff;background-color:#39d;border:solid 0.2rem #39d;border-radius:9rem;transition:.2s}
.loginform > div p input:hover{color:#39d;background-color:#fff;}
.loginform > div div{display:flex;flex-wrap:wrap;justify-content:center;}
.loginform > div div div{box-sizing:border-box;display:flex;margin-top:1rem;align-items:center;line-height:1;}
.loginform > div div div:nth-of-type(odd){width:6rem;justify-content:flex-end;padding-right:1rem;color:#fff;background-color:#39d;}
.loginform > div div div:nth-of-type(even){width:fit-content;justify-content:flex-start;}
.loginform > div div input{width:15rem;padding:0.5rem;background-color:#fff;border:solid 0.1rem #39d;}