@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

html, body {
     overflow-x: hidden;
     margin-top: 2rem;
     font-family: "Google Sans", sans-serif;
     background-color: #090C0F;
     color: #090C0F;
}

.container {
     padding: 5% 7%;
}

.category-div a {
     text-decoration: none;
}

.category-div h3 {
     padding: 35px;
     color: #fff;
     background-color: #090C0F;
     max-width: 200px;
     text-transform: uppercase;
     font-size: 30px;
}

.category-box-food {
     background-image: url('media/food-bg-box.jpg');
     background-size: cover;
     background-position: center;
     height: 350px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}
.category-box-drinks {

     background-image: url('media/drink-bg-box.jpg');
     background-size: cover;
     background-position: center;
     height: 350px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}

.category-box-food:hover, 
.category-box-drinks:hover {
    cursor: pointer;
}