.home-background {
    height: 100vh;
    background: url(../../media/home/background.png) no-repeat center center fixed;
    background-size: cover;
}

.home-menu {
    margin: 16vw auto auto auto;
    width: 60vw;
    height: 32vh;
    border-radius: 20px;
    padding: 0 5vw 0 5vw;
    background-image: linear-gradient(to right, rgba(220, 135, 188, 0.2), rgba(35, 148, 181, 0.2));
}

.home-menu div {
    width: 100%;
}

.home-button {
    width: 15vw;
    height: auto;
    padding: 2%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 0.5px black;

}

.home-button:hover {
    background-image: linear-gradient(to right, rgba(220, 135, 188, 0.2), rgba(35, 148, 181, 0.2));

}

.home-button-img {
    width: 54%;
}

@media screen and (min-width: 320px) {}

@media screen and (min-width: 576px) {
    .home-menu {
        margin: 30vw auto 10vw auto;
    }
}

@media screen and (min-width: 768px) {
    .home-menu {
        margin: 70vw auto 10vw auto;
    }
}

@media screen and (min-width: 992px) {}

@media screen and (min-width: 1000px) {
    .home-menu {
        margin: 20vw auto 10vw auto;
    }
}

@media screen and (min-width: 1200px) {
    .home-menu {
        margin: 15vw auto auto auto;
        padding: 2% 0 2% 0;
        height: 40vh;
    }
}

@media screen and (min-width: 1364px) {
    .home-menu {
        margin: 13vw auto auto auto;
       
    }
}

@media screen and (min-width: 1600px) {
    .home-menu {
        margin: 15vw auto auto auto;
    }
}