.more-info{
    width: 100%;
    background-color: rgb(14, 13, 13);
    color: white;
    text-align: center;
    padding: 30px 0;
}

.more-info hr{
    width: 75%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.main-heading-info{
    font-family: 'IBM Plex Mono', sans-serif;
    font-size: 2.7vw;
}

.experience, .education{
    text-align: left;
    font-family: 'Oxygen';
    display: flex;
    max-width: 80%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-around;
}

.main-card{
    border-radius: 20px;
    background: #1A1A1A;
    padding: 20px;
    /* color: black; */
    width: 40%;
}

.main-card h1{
    opacity: 0.9;
    font-size: 2.2vw;
}

.main-card h3{
    font-size: 1.6vw;
}

.main-card h4{
    font-size: 1.4vw;
}

.main-card p, .main-card ul li{
    font-size: 1.1vw;
}

.main-card h3, .main-card h4{
    margin: 10px 0;
    opacity: 0.8;
}

.main-card ul{
    line-height: 1.5;
    font-size: 14px;
    padding: 0 20px;
    color: rgb(205, 199, 199);
}

.main-card p{
    font-size: 14px;
    color: rgb(205, 199, 199);
}

.main-heading-info{
    margin-top: 50px;
}

@media (max-width: 950px){
    .main-card{
        width: 300px;
        margin: 10px 10px;
    }

    .main-heading-info{
        font-size: 22px;
    }

    .main-card h1{
        /* opacity: 0.9; */
        font-size: 18px;
    }
    
    .main-card h3{
        font-size: 16px;
    }
    
    .main-card h4{
        font-size: 14px;
    }
    
    .main-card p, .main-card ul li{
        font-size: 12px;
    }
}