src/commons/CSS/Login.scss
.loginform {
background-color: wheat;
margin: auto;
width: 70%;
height: 70vh;
margin-top: 10vh;
border-radius: 5px;
padding: 20px;
text-align: center;
border: 15px 23px yellow solid;
display: block;
overflow: auto;
.login-wording {
font-family: cursive;
font-size: 3.8rem;
margin-top: 3vh;
margin-bottom: 55px;
}
input,
span {
display: block;
margin: auto;
margin-bottom: 45px;
width: 50%;
font-size: 1.5rem;
border-radius: 13px;
padding-left: 14px;
&:hover {
width: 60%;
}
}
button {
color: white;
background-color: peru;
width: 50%;
font-size: 1.8rem;
border-radius: 13px;
&:hover {
color: black;
width: 60%;
}
}
.login-signup-link {
font-size: 1.3rem;
padding-top: 25px;
Link, a {
color: white;
font-size: 1.35rem;
padding-left: 19px;
text-decoration: none;
background-color: none;
&:hover {
color: black;
font-size: 1.4rem;
text-decoration: none;
}
}
}
}