body {
    font-family: "League Spartan", sans-serif;
    color: #141719;
}

.container {
    position: relative;
    min-height: 100vh;
    align-content: center;
}

.left-panel {
    align-content: center;
}

.card {
    background-color: #c5c5c557;
    border: 0;
    padding: 5%;
    border-radius: 39px;
}

.card-header {
    background-color: unset;
    border: 0;
    padding: 0 25px;
}

.card h1 {
    font-weight: 700;
    font-size: 3.5rem;
}

.card input[type='text'],
.card input[type='password'] {
    border: #141719 solid 3px;
    background-color: #dbd4ce;
    color: #141719;
    border-radius: 39px;
    font-style: italic;
    -webkit-text-fill-color: inherit;
    transition: background-color 5000s ease-in-out 0s;
    /* hack to override yellow background */
}


.card input[type='submit'] {
    background-color: #3a7bbf;
    color: #f9f5f5;
    border-radius: 39px;
    font-weight: bold;
}

.social img {
    width: 30px;
    margin-right: 5px;
}

.card input[type='text'],
.card input[type='password'],
.card input[type='submit'],
.forget-pass,
.social {
    font-size: 2rem;
}

.right-img {
    width: 100%;
}

.label_error {
    font-weight: bold;
    color: #9A3D41;
}

a {
    color: #141719;
    text-decoration: none;
}

hr {
    border: #c5c5c5 solid 2px;
    margin: 5% 0;
}

@media (min-width:1400px) {
    .container {
        max-width: 1350px;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1100px;
    }

    .card input[type='text'],
    .card input[type='password'],
    .card input[type='submit'],
    .forget-pass,
    .social {
        font-size: 1.7rem;
    }
}

@media (min-width:992px) {

    .card input[type='text'],
    .card input[type='password'],
    .card input[type='submit'],
    .forget-pass,
    .social {
        font-size: 1.5rem;
    }
}