body {
    font-family: 'Exo 2', sans-serif;
    background: #0b111d;
    background: #17171B;
    color: white;
    text-transform: uppercase;
}

a {
    color: white;
    text-decoration: none;
}

h1,
h2,
h3,
h4 {
    color: #31adde;
}

.wrap-logo {
    text-align: center;
}

.logo {
    width: 200px;
}

.brand {
    font-size: 38px;
    text-align: center;
    margin: 20px;
}

.brand {
    font-size: 38px;
    text-align: center;
    margin: 20px;
}

.brand h1 {
    font-size: 72px;
    /* Large header for "HTEE" */
    margin-bottom: 10px;
    color: white;
}

.brand small {
    font-size: 24px;
    color: white;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Ensures all elements are aligned vertically */
    gap: 10px;
    /* Uniform spacing between items */
}

.brand small .slash {
    font-size: 48px;
    /* Larger font size for the slash */
    font-weight: 100;
    /* Thinner font weight */
    line-height: 0.9;
    /* Adjusted line-height for perfect alignment */
    display: flex;
    /* Aligns the slash */
    align-items: center;
    /* Centers slash vertically */
}

.brand small .left,
.brand small .right {
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 400;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #31adde;
    text-align: center;
    font-size: 14px;
}

footer .nav {
    text-align: center;
}

hr {
    border-color: #111;
}