body
{
font-family:sans-serif;
    overflow-x: hidden;
    text-align: center;
    
}
header
{
 background: url(10.jpg)center;    
  text-align:center;
    padding: 300px;
    font-size:17px;    
   padding-left:150px;
    
}
aside
{
    background-color:aquamarine;
    float: right;
   padding-right:5px;
    width: auto;
   font-size: 25px;
    max-width: 24%;
    min-width: 20%;
    height: auto;
     width:25%;
}


article
{
    padding: 15px;
    font-size:17px;    
    width:auto;
    padding-left:50px;
    padding-right:350px;
    width:50%;
   
}


iframe
{
    max-width: 80%;
    min-width: 30%;
    min-height: auto;
}

img
{
    max-width: 70%;
    min-width: 50%;
    height: auto;
}


nav
{
  background-color:yellow;
 text-align:center;
    text-transform: uppercase;
    padding:below;
	font-size:32px;
}

a
{
    text-align:center;
    color:blue;
    padding:10px;
    font-size: 16px;
    text-decoration: none;    
}

a:hover
{
    color: red;
	text-decoration: underline;
}

h1
{
    
    padding:30px;
    font-size: 25px;
     font-size:auto;
     text-align:center;
    width:auto;
    height: auto;
}

h2
{
    background-color:chartreuse;
     padding:1px 4px 3px  px;
    text-align:center;
    font-size: 20px;
}
h3
{
    background-color:greenyellow;
    padding:  15px  15px  13px
        0.1px;
    font-size:20px;
    text-align:center;
 }

h4
{
 
padding: 0.1px  1px  1px
0.1px;
font-size:20px;
text-align:center;
 }