style2.css

body{
    background-color: #282A3A;
    color: white;
    margin: 5%;
    margin-bottom: 20px;
}

.upper-section{
    background-color: #735F32;
    /* margin: 10px; */
    margin-bottom: 30px;
    padding:5px;
    font-family: 'Josefin Sans', sans-serif;
    /* width: 90% */
    /* height: 5%; */
    /* border-radius:10%; */
}
.upper-section h1{
    text-align: justify;
    margin: 10px;
    padding-left: 10px;
    display:inline-block;
}
.upper-section img{
    height: 50px;
    width: 50px;
    /* height:auto; */
    /* display:inline-block; */
    position: relative;
    float : right;
    right:10px;
}
.second{
    background-color: #735F32;
    text-align: center;
    font-size: medium;
    /* width: 90%; */
    height: 20px;
    margin-bottom: 30px;
    font-family: 'Josefin Sans', sans-serif;
}
.second a{
    /* background-color: white; */
    color: white;
    margin: 10%;
    /* padding: %;     */

}
.main-about{
    margin-bottom: 40px;
}
.main-about img{
    height: 10%;
    width:10%;
    border-radius: 100%;
    float:left;
    margin:10px;
    margin-right: 20px;
    margin-top: 20px;
    margin-left: 40px;

    /* box-shadow:  3px 3px gray ; */
       
}
.main-about h1,h2,h3{
    /* line-height:8em; */
    /* text-align: center; */
    position: relative;
    left: 40px;
    font-family: 'Josefin Sans', sans-serif;
 } 

.wd,.ds,.atc{
    text-shadow: #735F32;
    color: antiquewhite;
}
.main-about p{
    
    text-align: justify;
    width: 90%;
    position: relative;
    left:40px;
    font-family: 'Ysabeau Infant', sans-serif;
}
.main-about p a{
    color: antiquewhite;
}

.just-upper-lower{
    background-color: #735F32;
    text-align: center;
    margin-bottom: 30px;
}

.lower .project1,.project2,.project3{
    display: inline-block;
    width:20%;
    margin-left:10%;
    text-align: center;
    margin-bottom: 40px;
}
.lower img{
    margin-top: 5px;
    height:100%;
    width: 100%;
}

h3.lower{
    background-color: #735F32;
    text-align: center;
}
footer img{
    width: 100%;
    height: 100%;
}
footer a{
    display: inline-block;
    width: 2%;
    position: relative;
    left: 605px;
}