*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box}body{margin:0;padding:0;color:#222;background-color:#f2f2f0;background-color:#5b72ac;background-image:url(../images/cover.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;overflow-x:hidden}body,input,button{font-family:Muli,sans-serif,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;outline:none}.main-container{max-width:900px;margin:0 auto}a{color:inherit;outline:none;text-decoration:none}a:hover{text-decoration:underline}.form-container{margin:auto;border:3px solid #73ad21;padding:10px}.form-body{background-color:#63aea8;overflow:hidden;padding:50px;color:#fff;border-radius:3px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media only screen and (max-width: 500px){.form-body{padding:50px 40px}}@media only screen and (max-width: 455px){.form-body{padding:45px 30px}}@media only screen and (max-width: 340px){.form-body{padding:30px 20px}}.form-body .title{margin:0;text-align:center;font-weight:400}.social-login ul{list-style-type:none;margin:30px 0;padding:0;display:flex;flex-wrap:wrap}.social-login ul li{flex:1 auto}.social-login ul li a{background-color:#4c5984;border-radius:3px;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;color:#e6e6e6;font-weight:700;text-decoration:none;transition:background-color .3s}.social-login ul li a:before{content:"";width:30px;height:30px;background-repeat:no-repeat;background-position:center;background-size:30px;margin-right:5px}.social-login ul li a:hover{background-color:#f4f4f4;color:#0e090e;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}li.google{margin-right:10px}li.google a:before{background-image:url(../images/google.png)}li.fb{margin-left:10px}li.fb a:before{margin:0;background-image:url(../images/fb.png)}@media only screen and (max-width: 400px){.social-login ul{flex-direction:column}li.google,li.fb{margin:0}li.google{margin-bottom:10px}}._or{text-align:center;margin-bottom:20px;color:#d9d9d9}.the-form{display:flex;flex-wrap:wrap;flex-direction:column}.the-form label{margin-bottom:5px;color:#e6e6e6;font-weight:700}.the-form [type=email],.the-form [type=password]{padding:15px;font-size:16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:3px;margin-bottom:15px;transition:background .3s;color:#e6e6e6}.the-form [type=email]::placeholder,.the-form [type=password]::placeholder{color:#ffffff4d}.the-form [type=email]:hover,.the-form [type=password]:hover{background:#0000001a}.the-form [type=email]:focus,.the-form [type=password]:focus{background:#fff;box-shadow:inset 0 2px 4px #0000000f;border-color:#4a304d;color:#222}.the-form [type=email]:focus::placeholder,.the-form [type=password]:focus::placeholder{color:#666}.the-form [type=submit]{background:#ffb37b;border:1px solid rgba(0,0,0,.1);padding:18px;font-size:20px;border-radius:3px;cursor:pointer;margin-top:20px;color:#000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.the-form [type=submit]:hover{opacity:.9}.form-footer div{text-align:center;padding:25px 20px;font-size:18px;color:#e6e6e6}.form-footer div a{color:#ffb37b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f4;color:#333;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:1.2rem}a{color:#00f;text-decoration:none}button{cursor:pointer}