.hero {
    padding: 120px 40px;
    text-align: center;
    background: #7fbdfb;
    border-radius: 40px;
    margin-left: 2%;
    margin-right: 2%;
    /* max-width: 95%; */
}

.hero h1{
    text-align: 50%;
    font-size:  80px;
    margin-bottom: 20px;
}

.register-btn{
    display: inline-block;
    padding: 20px 20px;
    background: #2051ba;
    color: white;
    text-decoration:  none;
    border-radius: 30px;
    font-size: 40px;
    transition: 0.3s;
}

.register-btn:hover{
    background: #2564eb99;
    color: rgb(0, 0, 0);
    transform: translateY(-2px);
}

.summer {
    display: flex;
    align-items: top;
    /* gap: 20px; */
    /* margin: 10px; */
    background-color: #d2e9ff;
    border-radius: 20px;
    margin-top:  40px;
    margin-left: 2%;
    margin-right: 2%;
}


.summer h2{
    font-size: 30px;
    padding: 20px;
}

.summer p{
    padding: 20px;
    width: 100%;
    font-size: 30px;
    margin-bottom: 20px;
}

.summer img{
    transform: translate(5%, 5%);
    width: 90%;
}

.spring {
    display: flex;
    align-items: top;
    /* gap: 20px; */
    /* margin: 10px; */
    background-color: #d2e9ff;
    border-radius: 20px;
    margin-top:  40px;
    margin-left: 2%;
    margin-right: 2%;
}


.spring h2{
    font-size: 30px;
    padding: 20px;
}

.spring p{
    padding: 20px;
    width: 100%;
    font-size: 30px;
    margin-bottom: 20px;
}

.spring img{
    transform: translate(5%, 5%);
    transform: translateX(25%);
    width: 70%;
}