body {
    background: #000000;
    color: #ffffff;
    font-family: sans-serif;
    padding: 50px 0 0 0;

    .top-text {
        text-align: center;
        font-size: 40px;
    }

    h1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 450px;

        img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }
    }
}

p {
    margin: 0;
}

.boxed {
    max-width: 1360px;
    padding: 20px;
    margin: 0 auto;
}

h2 {
    display: flex;
    flex-direction: column;
}
span.thin {
    font-weight: 300;
}

.footer-flex {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    border-top: 2px solid #ffffff;
    gap: 20px;

    @media screen and (min-width: 768px) {
        flex-direction: row;
        justify-content: space-between;
    }
}

.name-container {
    .name {
        font-weight: 700;
        font-size: 20px;
        margin: 0;
    }
    .job-name {
        font-weight: 300;
        margin: 0;
    }
}

.place {
    min-width: max-content;
}

.all-footer-links {
    display: flex;
    gap: 20px;
    flex-direction: column;
    @media screen and (min-width: 768px) {
        flex-direction: row;
        justify-content: space-between;
        width: 75%;
    }
}

.contact-container {
    gap: 20px;
    display: flex;
    flex-direction: column;
    @media screen and (min-width: 768px) {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: flex-end;
        justify-content: space-between;
        width: 70%;
    }
}

.contact-links {
    display: flex;
    flex-direction: column;
    height: fit-content;
    a {
        color: white;
        text-decoration: none;
        &:hover {
            color: aqua;
        }
    }
}
.mail {
    color: white;
    text-decoration: none;
    &:hover {
        color: aqua;
    }
}

.links {
    display: flex;
    flex-direction: column;
    a {
        color: white;
        text-decoration: none;
        &:hover {
            color: aqua;
        }
    }
}