/* media queries */
@media(max-width:1150px) {
    #about-image {
        float: none;
        width: 100%;
    }
    #about-desciption {
        float: none;
        width: 100%;
    }
    #about {
        margin-top: 60px;
    }
    #about-image img {
        width: 300px;
        height: 300px;
    }
    #about-desciption{
        text-align: center;
    }
    #about-desciption h1 {
        text-align: center;
        font-size: 2em;
    }
}

@media(max-width:854px){
    header{
        padding-top: 10px;
    }
    #MyName{
        float: none;
        margin: 0px;
        max-width: 100%;
        /* background-color: #fff; */
    }
    #nav-menu{
        float: none;
        margin-bottom: 5px;
        max-width: 100%;
    }
    .container:first-child{
        text-align: center;
    }
}

@media(max-width:1000px){
    #project-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .skill-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:500px){
    #project-cards {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    #project-cards>.project:nth-child(odd){
        background-color: rgba(249, 232, 104, 0.495);
    }
    .skill-grid{
        grid-template-columns:1fr;justify-items:center;
    }
    .contact-body {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(40px, auto);
        justify-items: start;
        align-items: center;
    }
}