@media(max-width: 600px) {

    .header {
        width: auto;
        display: flex;
        height: 70px;
        border: solid 1px #33b9ee;
    }

    .links {
        justify-content: center;
        text-align: center;
        left: 25%;
        margin-top: 5px;
        padding: 1px;
        border: solid 1px #33b9ee;
        display: flex;
        width: max-content;
    }

    .main {
        background-color: #181715;
        text-align: center;
        opacity: 45%;
        font-weight: bold;
        color: hwb(0 95% 3%);
        margin: 0 10px 0 10px;
        border: solid 1px #33b9ee;
        min-height: 250px;
    }

    #youtube-logo {
        opacity: 180%;
    }
    
    #apache {
        position: absolute;
        left: 50px;
        width: -90%;
    }

    .loginInterface {
        position: absolute;
        z-index: 2;
        flood-opacity: 90%;
        background-color: #181715;
        text-align: center;
        font-weight: bold;
        color: hwb(0 95% 3%);
        margin: 0 20px 0 20px;
        border: solid 1px #33b9ee;
        min-height: 250px;
    }

    .footer {
        width: auto;
        display: flex;
        height: 30px;
        border: solid 1px #33b9ee;
        text-align: center;
    }
}