*{ 
    /*universal  selector*/
  padding: 0;
  margin: 0;
}
.sectionA
{
    width: 100%;
    height: 100%;
    background-color:aquamarine;
}

header
{
    width: 100%;
    background-color: black;
    color: white;
    padding: 20px 0px ;
}

header h1 
{
 margin-left: 5%;
}


.sectionB
{
    width: 100%;
    height: 100%;
    background-color:rgb(127, 148, 255);
}
header h2 , header h1
{
    display: inline;
}

nav
{
    display: inline;
}
nav ul
{
    display: inline;
}
nav ul li
{
     display: inline;
}

nav a{
    color: white;
    text-decoration: none;
}

nav
{
    margin-left: 5%;
}
nav li
{
    margin-right: 2%;
}

.resent{
    text-align: center;
}

.box
{
    width: 80%;
    height: 300px;
    background-color:none;
    margin: 0 auto;
}

.subbox1
{
    width: 25%;
    height: 300px;
    background-color: brown;
    float: left;
}
.img
{
    width: 100%;
    height: 300px;
}
.subbox2
{
    width: 25%;
    height: 300px;
    background-color: rgb(25, 220, 234);
    float: left;
    margin-left: 12%;
}
.subbox3
{
    width: 25%;
    height: 300px;
    background-color: rgb(0, 13, 255);
    float: left;
    margin-left: 12%;
}