/*HERO SECTION*/
.hero {
    max-height: min-content;
    background-image: url(https://i.postimg.cc/ZRbqhgtr/study-lobby.jpg);
    background-size: cover;
    background-position: center;
    height: 500px;
    text-align:center;

}
h1{
    color:aliceblue;
    letter-spacing: 5px;
}
h2{
    color: aliceblue;
}

/*NAVBAR*/
.navbar {
    background-color: #2c3e2c;
}

/*CARDS SECTION*/
.cards {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 60px;
}

.cardsingle {
    padding: 40px 20px;
    max-width: 220px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
}

.cardgroup {
    padding: 40px 20px;
    max-width: 220px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
}
.menu{
    display: flex;
    gap:50px;
    background-color: #678667
}