* {

    margin:0;
    padding:0;
    box-sizing:border-box;

}



body {

    font-family:"Times New Roman", Times, serif;

    background:white;

    color:black;

}





.about-link {

    position:fixed;

    top:25px;

    left:50%;

    transform:translateX(-50%);

    font-size:18px;

    font-weight:bold;

    color:black;

    text-decoration:none;

    z-index:10;

}



.about-link:hover {

    text-decoration:underline;

}





.about-container {

    display:flex;

    width:100vw;

    min-height:100vh;

    padding-top:70px;

}





.text {

    width:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding-left:40px;

    padding-right:40px;

    font-size:18px;

    line-height:1.15;

    font-style:italic;

}





.text p {

    margin:0;

}





.image {

    width:50%;

    display:flex;

    justify-content:center;

    align-items:center;

}





.image img {

    width:80%;

    max-width:600px;

}







@media (max-width:700px) {


    .about-link {

        top:15px;

        font-size:16px;

    }



    .about-container {

        display:flex;

        flex-direction:row;

        padding-top:50px;

    }



    .text {

        width:50%;

        padding-left:20px;

        padding-right:10px;

        font-size:15px;

        line-height:1.15;

    }



    .image {

        width:50%;

    }



    .image img {

        width:95%;

    }


}