@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#f2f4f7;justify-content:center;align-items:center;margin:0}.main .content{margin:70px 180px}.flex-div{display:flex;justify-content:space-evenly;align-items:center}.name-content{margin-right:3rem}.name-content .logo{font-size:3.5rem;color:#f55}.name-content p{font-size:1.3rem;font-weight:500;margin-bottom:5rem}form{display:flex;flex-direction:column;background:#fff;padding:2rem;width:800px;border-radius:.5rem;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a}form input{outline:none;padding:.8rem 1rem;margin-bottom:.8rem;font-size:1rem}form input:focus{border:1.8px solid #ff5555}form .login:hover{background:#f55;cursor:pointer}form a{text-decoration:none;text-align:center;font-size:.9rem;padding-top:.8rem;color:#f55}form hr{background:#f7f7f7!important;margin:1rem!important;border-bottom:1px solid #dadde1}form .create-account{color:#1c486f!important}@media (max-width: 500px){.name-content{margin:0;text-align:center}form{width:100%!important;height:fit-content}form .login,form a,form .create-account{font-size:1.5rem}.flex-div{display:flex;flex-direction:column}}@media (min-width: 501px) and (max-width: 768px){.name-content{margin:0;text-align:center}form{width:400px;height:fit-content}form input{margin-bottom:1rem}form .login,form a,form .create-account{font-size:1.5rem}.flex-div{display:flex;flex-direction:column}}@media (min-width: 769px) and (max-width: 1200px){.name-content{margin:0;text-align:center}form{width:700px;height:fit-content}form input{margin-bottom:1rem}form .login,form a,form .create-account{font-size:1.5rem}.flex-div{display:flex;flex-direction:column}@media (orientation: landscape) and (max-height: 500px){.header{height:90vmax}}}@media (max-width: 768px){.main .content{margin:30px 10px}.flex-div{font-size:70%}}.name-content .logo{font-size:3rem}form .login{position:relative;display:inline-flex;align-items:center;justify-content:center;outline:none;border:none;background:#f55;border-radius:.4rem;font-size:1rem;color:#fff;cursor:pointer;overflow:hidden;height:46px}form .login .loader{position:absolute;width:20px;height:20px;border:2px solid #fff;border-top:2px solid #ff5555;border-radius:50%;animation:spin 1s linear infinite}form .login .button-text{visibility:visible}form .login.loading .button-text{visibility:hidden}form .login.loading .loader{display:block}form .login:disabled{background:#f55;cursor:not-allowed;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}