body{
    background: none;
    color: #424242;
    background-color: #F5F5F5;
}
.logo{
    max-width: 15rem;
    margin-top: 2rem;
}
div{
    width: auto;
}
.links{
    font-size: 1rem;
    margin-bottom: .5rem;
    color: #eb0827;
}
form{
    width: 100%;
}
.logo-container{
    text-align: center;
}
.links-container{
    text-align: center;
    margin-bottom: 1rem;
}
.links:hover{
    color: #e74550;
}
input[type="submit"]{
    padding: .5rem;
    width: 100%;
    height: auto;
    margin-top: 1.5rem;
    background-color: #eb0827;
    font-weight: 600;
    border: 0px solid gray;
    color: white;
    border-radius: 30px;
}
input[type="submit"]:hover{
    background-color: rgb(197, 7, 32) !important;
    color: white !important;
}
input[type="password" i]{
    border: 1px solid gray;
    width: 100%;
    border-radius: 8px;
}
input[type="text" i]{
    border: 1px solid gray;
    width: 100%;
    border-radius: 8px;
}
p{
    text-align: left;
    line-height: 1.8rem;
    font-family: 'Arial';
}
.loginbox_outer{
    border-radius: 16px;
    max-width: 30rem;
    min-width: 21rem;
    width: 100%;
    padding: 1rem;
    background-color: white;
    margin: 1rem;
    margin-top: 2rem;
    border: 1px solid rgb(224, 224, 224);
    align-self: center;
    align-content: center;
    text-align: center;
}
.loginbox_inner{
    padding: 2rem;
    font-size: 1rem;
    width: 100%;
    background-color: white;
}
.inputs{
    text-align: left;
    margin-bottom: 1rem;
}
body {
    padding: 0;
    margin: 0;
}
.wrapper {
    display: flex;
    flex-direction: column;
}
.content {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.font-label {
    font-weight: 500;
    font-size: 1.2rem;
}
.font-input {
    font-size: 1.5rem;
}
.errorbox{
    text-align: left;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 8px;
    border: 1px solid #eb0827;
    background-color: #fdecee;
}