*{

    box-sizing: border-box;
}


    
body{
margin: 0;
background-image: url('images/aboutmecover.jpg');
}

#header{
width: 100%;
height: 100px;
text-align: center;
color:red;
padding-left: 50px;
font-family: monospace;
font-family: xx-large;
size: 50px;
}


#container{
    width:1280px;
    margin-left: auto;
    margin-right: auto;
}


#menu-bar{

width: 60%;
margin-left: auto;
margin-right: auto;
height: 80px;

padding-top: 20px;
padding-left: 130px;
}

#main {
  width:100%;
  height:100%;
  background-color:#fff;
}

body/homepage {
  visibility:hidden
}

.menu-item {
width: 16%;
float: left;
margin-left: 3.33%;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}

.menu-item a:link{
text-decoration: none;
color: #F7FF1C;
font-weight: bold;
font-size:110%;

}

.menu-item a:visited{
text-decoration: none;
color: red;
font-weight: bold;
font-size:90%;

}

.menu-item:hover a {
    color: yellow;
}

.menu-item:hover {
border-bottom: hidden;
}

.about{
text-align: center;
color: red;
font-weight: bold;
font-size: 100%;
font-family: helvetica;
}

#container {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
/*background-color:#C4DFCB;*/
    padding-top: 20px;
}


      .long-box{
        width: 70.5%;
        float: center;
        height: 250px;
        background-color: black;
        margin-left: 15.5%;
        margin-top:25px;
        margin-right: auto;
        
    }