#login .text{text-align:center}#login .main-section{position:relative;width:100%;height:100vh;display:flex}#login .main-section.registry{position:absolute;top:0;left:0}#login .main-section .image{position:relative;width:40%;height:100%;background-color:#5fbc62}#login .main-section .image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;mix-blend-mode:screen;opacity:100%}#login .main-section .image img{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#login .main-section .content{display:flex;justify-content:center;align-items:center;width:50%;height:100%}#login .main-section .content .form{width:60%}#login .main-section .content .form h2{color:#001c2a;font-weight:600;font-size:1.5em;margin-bottom:20px;border-bottom:5px solid #5fbc62;display:inline-block;letter-spacing:1px;text-transform:uppercase}#login .main-section .content .form .input{margin-bottom:20px}#login .login-with-google-btn:active{transform:scale(.95);transition:.2s}#login .login-with-google-btn{margin-top:10px;width:100%;max-height:40px;padding:10px 20px;outline:none;font-weight:400;letter-spacing:1px;color:#fff;background:linear-gradient(90deg,#3e73a4,#307fcb);border-radius:4px;border:none;cursor:pointer;transition:all .8s ease-in-out}#login .login-with-google-btn:hover{background:linear-gradient(90deg,#3e73a4,#307fcb,#f5a921,#e35240)!important}#login #submit-button{background:linear-gradient(90deg,#3ea448,#5fbc62);color:#fff;outline:none;cursor:pointer;border:none;font-weight:500;transition:background-position .3s ease-in-out}#login #submit-button:hover{background-position:100% 0}#login #submit-button:active{background:linear-gradient(90deg,#5fbc62,#3ea448);transform:scale(.9);transition:.2s}#login .remember-me{margin-bottom:20px;color:#001c2a;font-weight:400}#login .input p{color:#001c2a}#login .input p a{color:#5fbc62}#login .form h3{color:#001c2a;text-align:center;margin:80px 0 10px;font-weight:400}#login .social{display:flex}#login .social,#login .social li{justify-content:center;align-items:center}#login .social li{list-style:none;width:30px;height:30px;background:#001c2a;border-radius:50%;margin:0 7px;cursor:pointer}#login .social li img{width:30px;height:30px;transform:scale(.5);filter:invert(1)}#login .social li:active{background:#f60;transform:scale(.9)}#login #profileImage{border:2px solid #5fbc62}@media(max-width:768px){#login #profileImage{border:2px solid #fff}#login .main-section .image{width:100%;position:absolute;height:100%;left:0;top:0}#login .main-section .content{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#login .content{z-index:1}#login .main-section .content .form{width:100%}#login .form{background:hsla(0,0%,100%,.694);padding:40px}#login .form form h3{color:#001c2a;text-align:center;margin:30px 0 1px;font-weight:400}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#login .social li{animation:floatAnimation 2s infinite}#login .social li:active,#login .social li:hover{animation:none}