*{font-family:Montserrat,sans-serif}.title{color:#0f0}body{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;margin:0;padding:0}.login-wrapper{width:475px;display:flex;flex-direction:column;align-self:center}.login-wrapper img{width:250px;align-self:center;padding-bottom:40px}.login-wrapper .login-box p{color:#a55;text-align:center;padding:0}.login-wrapper .login-box,.login-wrapper .login-box form{width:475px;background:#F8F8F8;display:flex;flex-direction:column;border-radius:8px}.login-wrapper .login-box h3{margin:50px 0;text-align:center;font-size:36px;color:#4b545c}.login-wrapper input{height:30px;margin-bottom:20px;width:380px;align-self:center;border-radius:8px;border:1px solid #D9D9D9;padding:10px;font-size:16px;color:#4b545c}.login-wrapper button{background-color:#00a16c;border:0;color:#fff;font-size:14px;height:50px;width:220px;align-self:center;margin-bottom:20px;border-radius:8px}.login-wrapper a{margin-bottom:10px}@media only screen and (max-width: 800px){.login-wrapper{margin:10px;align-self:self-start}.login-wrapper .login-box,.login-wrapper .login-box form{width:100%}.login-wrapper input{width:90vw}}.popup{position:fixed;z-index:9999;width:100vw;height:100vh;background-color:#0009;display:flex;align-items:center;justify-content:center}.popup .content{width:800px;border-radius:8px;background:#fff;padding:20px;display:flex;flex-direction:column}.popup button{background-color:#00a16c;border:0;color:#fff;font-size:14px;height:50px;width:150px;text-align:center;align-self:center;margin-top:20px;margin-bottom:10px;border-radius:8px}.popup .content{display:flex;flex-direction:row}.success{border-radius:8px;background-color:#fff;padding:20px 50px;display:flex;flex-direction:column}.success h3{color:#3d3d3d;text-align:center}.success p{color:#3d3d3d}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__circle.yellow{stroke:#e7e74d}.checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:15px auto;box-shadow:inset 0 0 #7ac142;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark.yellow{box-shadow:inset 0 0 #e7e74d;animation:fillyellow .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #7ac142}}@keyframes fillyellow{to{box-shadow:inset 0 0 0 30px #e7e74d}}.success .cancel{background:#fff;border:1px solid #858585;color:#858585;margin:auto}