body,html{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
background-color: #4b6469;
}
#border{
border: 2px red;
}
.divcontainer{
text-align: center;
}
.maincontent{
font: 16px "Helvetica";
border: 2px solid #2840de;
background-color: #839091;
display: inline-block;
min-height: 100px;
overflow: auto;
width: 50%;
margin-bottom: 5px;
padding: 15px;
}
.projectcontent{
font: 16px "Helvetica";
border: 2px solid #158c15;
background-color: #839091;
display: inline-block;
min-height: 100px;
width: 50%;
overflow: auto;
margin-bottom: 5px;
padding: 15px;
}
.resumecontent{
font: 16px "Helvetica";
border: 2px solid #ad2d17;
background-color: #839091;
display: inline-block;
min-height: 100px;
width: 50%;
overflow: auto;
margin-bottom: 5px;
padding: 10px;
}
.aboutcontent{
font: 16px "Helvetica";
border: 2px solid #2e0513;
background-color: #839091;
display: inline-block;
min-height: 100px;
width: 50%;
overflow: auto;
margin-bottom: 5px;
padding: 15px;
}
.backgroundIMG{
background-image: url("././images/backgroundImage.png");
background-position:center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
min-height:100px;
overflow: auto;
}
.topright{
float: right;
margin: 0 auto;
display: inline;
}
.topleft{
margin: 0 auto;
display: inline-block;
width: 45%;
border: 2px solid red;
}
h1{
display: block;
text-align: center;
}
h3{
}
p {
margin: 0;
padding: 0;
}
p1{
}
p2{
display: block;
margin: 2px;
}
footer{
float: left;
border-top: solid 1px gray;
padding-top: 5px;
font: 12px "Helvetica";
color: silver;
}
.navbar{
list-style none;
margin: 0;
padding-bottom: 22px;
text-align: center;
}
.navbar li{
display: inline;
}
.navbar a{
display: inline-block;
padding: 5px;
}
ul {
text-align: center;
list-style-type: none;
margin-left: 0px;
padding: 0;
overflow:hidden;
}
li{
list-style-type: none;
font: 12px strong "Helvetica";
margin-left: 2px;
padding-left: 0px;
}
li a{
display: block;
background-color: gray;
border: 2px solid black;
display: block;
color: #145b61;
padding: 2px;
margin-left:0px;
}
li a:hover{
font-size: 155%;
background-color: black;
}
@media only screen and (max-width: 750px){
.maincontent{
border: 2px solid yellow;
}
.projectcontent{
border: 2px solid pink;
}
.resumecontent{
border: 2px solid purple;
}
.aboutcontent{
border: 2px solid white;
}
.navbar a{
display: block;
width: 50%;
margin: 0 auto;
}
li a{
border: 2px solid yellow;
}
}