@font-face {
    font-family: 'Mona Sans';
    src:
        url('../uploads/Mona-Sans.woff2') format('woff2 supports variations'),
        url('../uploads/Mona-Sans.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-stretch: 75% 125%;
}

@font-face {
    font-family: 'Brittany Signature';
    src: url('../uploads/brittanySignature.ttf') format('truetype');
    font-weight: 400;
}

.monasans {
    font-family: 'Mona Sans', sans-serif;
}

.monasans-bold {
    font-family: 'Mona Sans', sans-serif;
    font-weight: 700;
    font-stretch: 125%;
}

.monasans-wide {
    font-family: 'Mona Sans', sans-serif;
    font-weight: 400;
    font-stretch: 125%;
}

.brittanysignature {
    font-family: 'Brittany Signature';
    font-weight: 700;
}

body {
    color: white;
    font-family: 'Mona Sans';
}

p {
    font-size: 1.1rem;
    color: white;
}

/* login */
.login {
    background-color: black;
    min-height: 90vh;
}

.input {
    background-color: #363636;
    color: white;
    margin-right: 10px;
}

.input::placeholder {
    color: rgb(168, 168, 168);
    /* Change this to your desired color */
    opacity: 1;
    /* Optional: Makes sure the color is fully opaque */
}

.input-container {
    display: flex;
    align-items: center;
}

.control {
    display: inline-block;
}