@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');


*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    background-color:antiquewhite ;
}

html,body{
    width: 100%;
    height: 100%;
}

.nav{
    display: flex;
    padding-top: 20px;
    padding-right: 20px;
}
.header{
    width: 100%;
    height: 10%;
    display: flex;
}
.header h1{
    color:black;
    margin-left: 35%;
    margin-top: 2%;
    font-family: 'Manrope', sans-serif;
    font-family: 'PT Serif', serif;
}
.intro{
    display:flex ;
}
.image{
    width: 25%;
    height: 25%;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 40px;
}
.intro p {
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-family: 'PT Serif', serif;
    font-family: 'Manrope', sans-serif;
    margin-top: 50px;
}
.myself{
    display: grid;
}
.myself p{
    padding-left: 15px;
}
.social{
    display: flex;
}
#icon{
    height:90px;
    width: 90px;
    padding-right: 50px;
}


.information{
    width: 100%;
    justify-content: space-between;
    display: flex;
    padding: 8px;

}
.education{
    background-color:antiquewhite;
    border-radius: 7px;
    padding: 10px;
    width: 300px;
    box-shadow: 0px 2px 5px aqua;
    margin: 16px;
    float: left;
}
.education p{
    padding: 5px ;
    font-size: 20px;
}

.experience{
    background-color:antiquewhite;
    border-radius: 7px;
    padding: 10px;
    width: 300px;
    box-shadow: 0px 2px 5px aqua;
    margin: 16px;
    float: left;
}

.experience p{
    padding: 5px ;
    font-size: 20px;
}


.projects{
    background-color:antiquewhite;
    border-radius: 7px;
    padding: 10px;
    width: 310px;
    box-shadow: 0px 2px 5px aqua;
    margin: 16px;
    float: left;
}
.projects p{
    padding: 5px ;
    font-size: 20px;
}

.footer{
    width: 100%;
}
.footer p{
    padding-left: 50%;
}