@import url(https://fonts.googleapis.com/css2?family=Poppins%3Awght%40100%3B200%3B300%3B400%3B500%3B600&display=swap%27%29%3B);

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    border: none;
    outline: none;
    font-family: 'Poppins',sans-serif;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

body{
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    background: rgb(233,233,233);
    background: linear-gradient(120deg, rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%);
}

.about{
    height: 100%;
    width: 20%;
    background: rgb(0,0,0);
    background: linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(25,24,24,1) 48%);
    display: flex;
    flex-direction: column;
    align-items: center;
    float: left;
}

.content{
    display: flex;
    flex-direction: column;
    float: right;
    height: 100%;
    width: 80%;
    align-items: center;
}

.content section{
    font-size: 35px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.content h1{
    font-size: 3rem;
    margin-top: 10px;
}

.about img{
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin-top: 70px;
}

.text{
    color:white;
    width: 90%;
    text-align: justify;
}

.text section{
    font-size: 35px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

span{
    color: rgb(252, 99, 99);
}

.edu{
    height: 190px;
    width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    background-color: rgb(224, 223, 223);
    margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.edu section{
    font-size: 20px;
    margin-bottom: 10px;
}

.edu p{
    text-align: center;
    font-size: 20px;
}