.get-in {
    width: 80%;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 5%;
    padding: 5%;
    background-color: rgb(255, 255, 255);
    border-top: 10px solid orange;
}
.welcome  {
    width: 75%;
    margin: auto;
    margin-bottom: 5%;
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 2%;
}

.former {
    width: 75%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.formContent {
    width: 70%;
}
.formContent  a {
    display: block;
    width: 50.8%;
    padding: 2%;
    background-color: orange;
    color: white;
    transition: all 300ms;
    margin-bottom: 10%;
    text-align: center;
}
.formContent  a:hover {
    transform: scale(1.2);
}
.formContent  input {
    width: 50%;
    padding: 2%;
    margin-bottom: 5%;
    font-family: Arial, Helvetica, sans-serif;
}
.formContent  input[id="btn"]{
    width: 55%;
    background-color: orange;
    border: none;
    color: white;
    cursor: pointer;
    transition: all 300ms;
}
.formContent  input[ id ="btn"]:hover {
    transform: scale(1.2);
}
.alerts {
    padding: 4%;
}
#errorContent {
 background-color: red;
 color: white;
 width: 52%;
 text-align: center;
 margin: 1%;
}
.registered{
    background-color: rgb(24, 173, 24);
}
.alerts  ul li {
    list-style: disc;
    margin-top: 5%;
}
#err{
    background-color: red;
    color: white;
    padding: 1%;
    width: 90%;
    margin-bottom: 3%;
}