.main{display:flex;align-items:center;justify-content:center}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:6px;margin-top:50px;width:570px}.top{width:100%;padding:20px;display:flex;align-items:center;justify-content:center;flex:2}.logo{width:100%;display:flex;align-items:center;justify-content:center;padding:12px}.logo img{width:170px !important;height:auto}.bottom{flex:2;width:100%;padding:40px;border-radius:12px;background-color:rgb(235, 155, 42)}.title-cont{display:flex;align-items:center;justify-content:center;flex-direction:row}.title{width:100%;display:flex;align-items:start;flex-direction:column;gap:6px}.title .login-title{font-size:34px;font-weight:700;color:white;margin:0}.alert{width:100%;color:white;font-family:Inter-ExtraLight;margin:0}.inputs{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;padding:6px}.inputs input{outline:none;border:none;border-bottom:1px solid rgb(0, 50, 124);width:100%;height:50px;padding:10px;background-color:transparent;color:white;font-size:18px}.inputs input::placeholder{color:white}.add-on{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.remember-me{display:flex;align-items:center;justify-content:center;flex-direction:row;color:white;cursor:pointer}.forgot-password a{color:white}.buttons{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.login-button{width:100%;height:42px;border:none;border-radius:6px;font-size:16px;display:flex;align-items:center;justify-content:center;background-color:white;color:black;box-shadow:rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px}.login-button p{color:black}.register-button{width:100%;height:42px;border:none;font-size:16px;color:white;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:rgb(0, 60, 79);box-shadow:rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px}.back-web{background-color:rgb(235, 113, 42);width:270px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50px;color:white}.back-web a{color:white;text-decoration:none}.back-web:hover{transform:scale(1.03)}button{cursor:pointer}@media screen and (max-width:350px){.add-on{display:flex;flex-direction:column;margin-bottom:20px}}@media screen and (min-width:900px){.container{width:570px}}