body {
        background-image: url('../images/background.gif');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
}

.content {
        width: 80%:
        margin-left: auto;
        margin-right: auto;
}

.logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 57%;
        margin-top: 18%;
}

.discordbutton {
        display: block;
        margin-right: 39%;
        margin-left: auto;
        margin-top: -2%;
        width: 13%;
        transition: transform .2s;
}

.discordbutton:hover {
        transform: scale(1.2);
}

.contactbutton {
        display: block;
        margin-right: 25%;
        margin-left: auto;
        margin-top: -3%;
        width: 9.4%;
        transition: transform .2s;
}

.contactbutton:hover {
        transform: scale(1.2);
}

.chatbutton {
        display: block;
        margin-left: 54%;
        margin-right: auto;
        margin-top: 2.5%;
        width: 16%;
        transition: transform .2s;
}

.chatbutton:hover {
        transform: scale(1.2);
}


@media (max-width:1300px) {
        .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 67%;
        margin-top: 20%;
        }
.discordbutton {
        display: block;
        margin-right: 38%;
        margin-left: auto;
        margin-top: -2%;
        width: 14%;
        transition: transform .2s;
}
.contactbutton {
        display: block;
        margin-right: 22%;
        margin-left: auto;
        margin-top: -3.1%;
        width: 10%;
        transition: transform .2s;
}
.chatbutton {
        display: block;
        margin-left: 54%;
        margin-right: auto;
        margin-top: 2.5%;
        width: 16%;
        transition: transform .2s;
}

}

@media (max-width:1100px) {
        .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        margin-top: 18%;
        }
.discordbutton {
        display: block;
        margin-right: 36%;
        margin-left: auto;
        margin-top: -3.1%;
        width: 19%;
        transition: transform .2s;
}
.contactbutton {
        display: block;
        margin-right: 15%;
        margin-left: auto;
        margin-top: -4.4%;
        width: 14%;
        transition: transform .2s;
}
.chatbutton {
        display: block;
        margin-left: 54%;
        margin-right: auto;
        margin-top: 3.5%;
        width: 24%;
        transition: transform .2s;
    }
}

@media (max-width:900px) {
        .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 83%;
        margin-top: 22%;
        }
.discordbutton {
        display: block;
        margin-right: 34%;
        margin-left: auto;
        margin-top: -3.6%;
        width: 21%;
        transition: transform .2s;
}
.contactbutton {
        display: block;
        margin-right: 14%;
        margin-left: auto;
        margin-top: -4.7%;
        width: 14.7%;
        transition: transform .2s;
}
.chatbutton {
        display: block;
        margin-left: 54%;
        margin-right: auto;
        margin-top: 3.5%;
        width: 24%;
        transition: transform .2s;
    }
}

@media (max-width:700px) {
        .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 88%;
        margin-top: 28%;
        }
.discordbutton {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 8%;
        width: 40%;
        transition: transform .2s;
}
.contactbutton {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 12%;
        width: 30.8%;
        transition: transform .2s;
}
.chatbutton {
        display: block;
        margin-left: 25%;
        margin-right: auto;
        margin-top: 10.5%;
        width: 49%;
        transition: transform .2s;
    }
}

@media (max-width:400px) {
        .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 88%;
        margin-top: 60%;
        }
.discordbutton {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 11%;
        width: 50%;
        transition: transform .2s;
}
.contactbutton {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 16%;
        width: 36.8%;
        transition: transform .2s;
}
.chatbutton {
        display: block;
        margin-left: 19%;
        margin-right: auto;
        margin-top: 14.5%;
        width: 60%;
        transition: transform .2s;
    }
}

@media (max-height:465px) {
.logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 73%;
        margin-top: 7%;
        }
.discordbutton {
        display: block;
        margin-right: 34%;
        margin-left: auto;
        margin-top: -3.6%;
        width: 21%;
        transition: transform .2s;
}
.contactbutton {
        display: block;
        margin-right: 14%;
        margin-left: auto;
        margin-top: -4.7%;
        width: 14.7%;
        transition: transform .2s;
}
.chatbutton {
        display: block;
        margin-left: 25%; /* Centered horizontally */
        margin-right: auto; /* Centered horizontally */
        margin-top: 2%; /* Adjusted */
        width: 21%; /* Adjusted to match discordbutton width */
        transition: transform .2s;
}
}