body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F7FFF6;
}

.top_section{
    height: 10rem;
    background: linear-gradient(#2B4162,#688FB1);
    display: flex;
}

.intro_sec{
    align-self: center;
    margin:1rem 0 1.5rem 1.5rem;
    padding:0;
    width:90%
}

.intro_sec h2{
    margin: 0;
    padding: 1rem 0 0 0;
    font-family: Unispace;
    font-size: 5rem;
    color: #D7B377;
}

.intro_sec h3{
    margin: -0.5rem 0;
    padding: 0;
    font-family: "Nexa Rust Script L0";
    color: whitesmoke;
}

.personal_img{
    align-self: center;
    justify-self: end;
    width: 10%;
    margin:1rem 0 1rem 0;
    padding: 0;
}

.personal_img img{ 
    margin: 0;
    padding: 0;
    height: 8rem;
    width: 8rem;
    border: 0.2rem solid whitesmoke;
    border-radius: 25rem;
}

.navbar{
    height: 5rem;
    margin: 1rem 0;
    background: #688FB1;
}

.navbar ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-self: center;
}

.navbar li{
    margin:0;
    padding: 1rem 6.5rem;
    color: whitesmoke;
    font-size: 2rem;
    border: 0.2rem solid white;
    border-width: 0.4rem 0.2rem;
}

.navbar a{
    text-decoration: none;
    color: inherit;
}

.text_area{
    margin:5rem 20rem 0;
    padding:0;
    align-self: center;
    font-size: 1.5rem;
}

.text_area p{
    margin: 1rem 0;
    padding: 0;
}