h4{
    font-size:2.2rem; font-weight: 600;
    text-align: center;
}
h5{
    font-size:2rem; font-weight: 200;
    text-align: center;
}

/***CONTENT SECTIONS*/
.Main_Promo{
    display: flex;
    padding: 0 1rem;
    color:white;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    background: linear-gradient(-45deg, #0d318b, #446cee);
    background-size: 300vw;
    animation: gradient 4s ease forwards;
    animation-iteration-count: infinite;

}

@keyframes gradient {
    0% {
        background-position: 0% 100%;
    }
    50% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 100%;
    }
}
.Main_Promo > p {
    padding: 1rem;
    font-weight: 700;
    word-spacing: 0.5rem;
    letter-spacing: 0.3rem;
}
#Courselist {
    display: flex;
    flex-direction: column;
}

#Courselist div {
    background: linear-gradient(90deg, #100c77 0%, #2a46b9 20%);
    margin: 1rem 5rem;
    padding: 2rem 1rem;
    border-radius: 1rem;
    color:white;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.3);
}
#Courselist div:hover{
    box-shadow: 0 1.2rem 1.2rem rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 800px) {
    .Main_Promo > p {
        font-size:1.8rem;
        padding: 0.5rem;
    }
}