.about{
    padding: 80px 5%;
    text-align: left;
    max-width: 1200px;
    margin: 0 auto;
}

#subtitle {
    color: #372ee2;
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#description {
    font-size: 16px;
    font-weight: 400;
    max-width: 800px;
    /* margin: 20px auto 40px; */
}

.edu{
    max-width: 350px;
    border-radius: 15px;
    background-color: #111536;
    color: rgb(0, 255, 0);
    padding: 5px 2.5%;
    display: flex;
    transition: 0.3s ease-in-out;
    flex-direction: column;
    box-shadow: 8px -3px 17px 2px rgba(0, 0, 0, 0.432);
}

.edu p{
    color: white;
    padding: 5px;
}

.card-preview{
    flex-wrap: wrap;
    margin-top: -5%;
}

.edu:hover p{
    color: black;
}