body{margin:0;padding:0}.main{display:flex;flex-direction:column}.top{height:75vh;width:100%;object-fit:fill}.bottom{display:flex;justify-content:space-between;height:25vh;background-color:#c63b3e;color:#fcece5;padding:20px}.login{display:flex;flex-direction:column;justify-content:center;justify-self:center;margin-top:25vh;padding:20px;gap:20px;width:70vw;border-radius:40px;background-color:#c63b3e}.field{display:flex;flex-direction:column;gap:10px;color:#fcece5}.field>input{height:30px;padding:10px;font-size:16px;border-radius:20px;border:none;outline:none}.field>input:focus{box-shadow:0 0 10px #e1dfdf}.password-field{display:flex;justify-content:space-between;width:100%;gap:10px;color:#fcece5}.password-field>input{width:95%;height:30px;padding:10px;font-size:16px;border-radius:20px;border:none;outline:none}.password-field>input:focus{box-shadow:0 0 10px #e1dfdf}.password-button{background-color:#fff;border:none;border-radius:20px;cursor:pointer}.login-button{height:40px;font-size:20px;background-color:#fff;border:none;border-radius:20px;margin-top:20px;cursor:pointer}.login-button:hover{background-color:#eee}.login-button:active{transform:scale(1.01);box-shadow:0 0 5px #e1dfdf}@media(max-width:770px){.login{width:90vw;padding:10px;border-radius:30px}}