.about {
    margin-top: 42px;
    background-color: black;
    color: darkgray;
    display: flex;
    align-items: center;
    flex-direction: column;
}


.about-topic-section {
    margin-top: 50px;
    color: white;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 4em;
}

.about-section {
    margin-top: 73px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 64vw;
    font-size: 2.3vw;
    font-family: Arial, sans-serif;
}

.download-cv-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#button-cv {
    font-size: 0.9em;
    color: white;
    box-shadow: 0 0px 19px 2px green;
    background-color: black;
    transition: 0.2s ease;
    border-radius: 28px;
    width: 262px;
    height: 54px;

}
#button-cv:hover {
    background: #0e7910;
    box-shadow: red 0 0 2px, 0 0 25px red;
    transform: scale(1.02);
}

.about-name {
    color: white;
}

@media all and (max-width: 768px){
    .about-topic-section {
        font-size: 8vw;
        font-family: Arial, sans-serif;
    }
}

@media all and (max-width: 480px){
    #button-cv {
        /*margin-top: 28px;*/
        font-size: 3em;
        display: flex;
        width: 220px;
        height: 52px;
        /*flex-direction: column;*/
        justify-content: space-around;
        align-items: center
    }

    .about-topic-section {
        font-size: 12vw;
        font-family: Arial, sans-serif;
    }

    .about-name {
        font-size: 2em;
        display: flex;
        color: white;
        flex-wrap: wrap;
        align-content: space-around;
        flex-direction: column
    }

    #about-par {
        font-size: 1.9em;
        text-align: center;
    }
    .about-name-section {
        margin-top: -25px;
    }

    .download-cv-button {
        margin: auto;
    }

    #button-cv {
        font-size: 2em;

    }
}
































/*.about {*/
/*}*/

/*.about-section {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    width: fit-content;*/
/*    height: fit-content;*/
/*    margin: auto;*/
/*}*/

/*.about-topic-section {*/
/*    margin: auto;*/
/*    font-size: 4em;*/
/*    position: absolute;*/
/*    top: 103px;*/
/*    color: white;*/
/*    font-family: Arial, sans-serif;*/
/*    z-index: 1;*/
/*}*/

/*.about-topic-section > label{*/
/*    margin-top: 78px;*/
/*    color: white;*/
/*    font-family: "Urbanist", sans-serif;*/
/*    font-optical-sizing: auto;*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*    font-size: 60px;*/
/*    margin-bottom: -20px;*/
/*}*/


/*.about-name-section {*/
/*    margin-left: 250px;*/
/*    top: 282px;*/
/*    width: 1000px;*/
/*    display: grid;*/
/*    position: relative;*/
/*    align-items: start;*/
/*    justify-items: start;*/
/*}*/

/*#about-name {*/
/*    color: white;*/
/*    font-family: "Vazirmatn", sans-serif;*/
/*    font-optical-sizing: auto;*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*    font-size: 57px;*/
/*    line-height: 1;*/
/*}*/
/*#about-name-my {*/
/*    color: white;*/
/*    font-family: "Vazirmatn", sans-serif;*/
/*    font-optical-sizing: auto;*/
/*    font-weight: 500;*/
/*    font-style: normal;*/

/*    font-size: 45px;*/
/*    line-height: 1;*/
/*}*/

/*.about-name-section p {*/
/*    color: darkgray;*/
/*    margin-top: 19px;*/
/*    margin-bottom: 10px;*/
/*    width: 828px;*/
/*    text-align: left;*/
/*    font-size: 25px;*/
/*    font-family: "Apple Symbols";*/
/*}*/

/*.download-cv-button {*/

/*}*/

/*#button-cv {*/
/*    border-radius: 30px;*/
/*    background-color: white;*/
/*    color: black;*/
/*    padding: 15px 47px;*/
/*    font-size: 1.5em;*/
/*    border: none;*/
/*    left: 616px;*/
/*    transition: background-color 0.3s ease;*/
/*    position: absolute;*/
/*    top: 287px;*/
/*}*/

/*@media all and (max-width: 1024px) {*/
/*    .about {*/
/*        width: 100vw;*/
/*        height: 100vh;*/
/*        max-height: 100vh;*/
/*        min-height: 700px;*/
/*        !*background-color: yellow;*!*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*        position: relative;*/
/*    }*/
/*    .about-name-section {*/
/*        margin-left: 105px;*/
/*        top: 124px;*/
/*        width: 1092px;*/
/*    }*/
/*    .about-main-content-section {*/
/*        top: 0;*/
/*        bottom: 0;*/
/*        margin: auto;*/
/*        height: 600px;*/
/*        width: 1000px;*/
/*        position: absolute;*/
/*    }*/

/*    .about-topic-section {*/
/*        margin-right: 163px;*/
/*        position: absolute;*/
/*    }*/

/*    .about-topic-section > label{*/
/*        margin: auto;*/
/*    }*/

/*    #about-name {*/
/*        margin-top: -102px;*/
/*    }*/
/*    #about-name-my {*/
/*        margin-top: -63px;*/
/*    }*/

/*    #button-cv {*/
/*        left: 588px;*/
/*        top: 201px;*/
/*    }*/
/*}*/

/*@media all and (max-width: 768px) {*/
/*    .about {*/
/*    }*/

/*    .about-name-section {*/
/*        margin: auto;*/
/*        top: 89px;*/
/*        width: 90%;*/
/*        text-align: center;*/
/*    }*/

/*    .about-topic-section {*/
/*        margin: 0;*/
/*        text-align: center;*/
/*    }*/

/*    #button-cv {*/
/*        left: 50%;*/
/*        transform: translateX(-50%);*/
/*        top: 192px;*/
/*    }*/

/*    .about-name-section p {*/
/*        width: 100%;*/
/*        font-size: 20px;*/
/*    }*/

/*    #about-name {*/
/*        font-size: 47px;*/
/*        margin: auto;*/
/*        margin-top: -134px;*/
/*    }*/

/*    #about-name-my {*/
/*        font-size: 35px;*/
/*        margin: auto;*/
/*        margin-top: -101px;*/
/*    }*/
/*}*/

/*@media all and (max-width: 435px) {*/
/*    .about {*/
/*        width: 261.1vw;*/
/*        height: auto;*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*        position: relative;*/
/*        padding: 20px;*/
/*    }*/

/*    .about-name-section p {*/
/*        margin: auto;*/
/*        width: 81%;*/
/*        font-size: 29px;*/
/*    }*/

/*    #button-cv {*/
/*        left: 50%;*/
/*        transform: translateX(-50%);*/
/*        top: 240px;*/
/*    }*/
/*}*/