body {
font: 16px/1.2 BlinkMacSystemFont, -apple-system, “Segoe UI”, Roboto,
    Helvetica, Arial, sans-serif;

}

/* GLOBAL STYLES */
*,
*::before,
*::after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
a,
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
color: #b68100;
}

.main-div {
max-width: 50%;
margin-right: auto;
margin-left: auto;
margin-top: 300px;
}

.logo {
margin-bottom: 12px;
}

.cont-form-input {
width: 100%;
padding: 8px 20px;
margin: 8px 0;
display: block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}

.login-button {
width: 45%;
background-color: #324068;
color: white;
padding: 10px 20px;
margin: 20px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}

.login-button:hover {
background-color: #324099;
}

/* Media queries */
@media only screen and (max-width: 600px) {
.main-div {
    width: 100%;
}
}

@media only screen and (max-width: 1200px) {
.login-button {
    width: 100%;
}
}