* {
    margin: 0;
}

body {
    background-color: #272c6d;
}

#wrapper {
    background-color: #272c6d;
    padding: 10px;
    margin: auto;
	width: 1500px;
}

header {
    background-color: #a9a4dd;
    width: 1500px;
    height: 100px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    text-align: center;
	float: left;
    border-radius: 10px;
}


header img {
   height: 100px;
   width: 75px;
   float: left;
}

nav {
    background-color: #abb3df;
    width: 300px;
    height: 550px;
    margin: 0px 10px 10px 0px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
	float: left;
    cursor: crosshair;
}
 nav ul
 {
    list-style-type: none;
    padding: 0;
}


article {
    background-color: #9fa2b2;
    width: 1125px;
    height: 530px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    cursor: pointer;
	float: left;
}
article img{
   width: 450;
   height: 450;
   float: right; 
}
footer {
    clear: both;
    background-color: #9f64bd;
    width: 1475px;
    height: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    float: left;
    padding: 12px;
    text-align: right;
    border-radius: 10px;
     display: flex;
   justify-content: space-between;
    padding: 20px;
}
/*hyperlinks decoration*/
a { 
 text-decoration: none;
 color:black;
}
a:hover{
    text-decoration: underline;
    color: darkblue;
    cursor: block;
}
/*table*/
.table1{
    border-collapse: collapse;
    width:10%;
    margin: 5px:
}     



.table2 {
      border-collapse: collapse;
      width: 60%;
      margin: 5px auto;
      text-align: center;
      float:left;
    }
    th, td {
      border: 1px solid #333;
      padding: 1px;
    }