body {
background-color: white;
}

a {
color: black;
text-decoration: none;
}

.a{
font-size: large;
}


p {
font-family: "Times New Roman", Times, serif;
font-size: 20px;
}

h3 {
color: black;

}

h4{
font-size: 19px
}

h5{
font-size: 16px
}


.p1{
font-size: 20px;
}


.menu {
position: relative;
margin:20px auto;
background-color:grey;
width: 700px;
height:800px;
top: 95px;
}

.greenbox {
background-color: pink;
word-spacing: 15px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 60px;
/*margin:60px;*/
left: 640px;
top: 10px;
bottom: 200px;
padding: 2.5px;
}


.photocontainer{
position: relative;

width: 800px;
height: 1000px;
margin-left: auto;
margin-right: auto;
top: 50px;
padding-left: 40px;
padding-top: 15px;
padding-right: 10px;
}

.gallery{ 
margin:10px 50px;
}

.gallaryimg {
transition: 1s;
padding: 15px;
width:200px;
}

.gallary img: hover{
transition: scale(1.1);
}

.textbox{
position:relative;
width: 600px;
height: 680px;
border-style: solid;
top: 35px;
left: 800px;

padding: 15px;
}

.aboutpicbox{
position: absolute;
background-color:black;
width: 300px;
height:250px;
top:185px;
left:20%;
}

.projectdivid {
position: absolute;
background-color: grey;
width: 20px
height: 20px;
}



#container{
position: relative;
width: 755px;
height: 380px;
top: 47px;
left: 600px;
}


.smallbox{
position: relative;
background-color: white;
border-style: solid;
padding: 5px;
width: 290px;
height:170px;
right: 0px;
top: 10px;
}

#resumepara{
font-size: 20px;
text-align: center;
}

.resumebox{
position:relative;
width: 720px;
height: 670px;
border-style: solid;
top: 61px;
left: 600px;
padding: 10px;
}

ul.a {
list-style: circle;
}


.namebox{
position: fixed;

left: 40px;
}