/***whole page***/

.page {background-color:grey; width:80%; margin:auto; padding:20px;}

/***header***/

.class-head {background-color:cyan;}

.nav-main li {display:inline-block; position:relative; right:-1px; top:-15px;}

.social-sites li {display:inline-block; position:relative; left:870px; top:-1px;}

.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: black;
  background-color: blue;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: red}

.button:active {
  background-color: navy;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/***main***/

main {background-color:gold; width:70%; float:left;}

h1 {color:blue;}
h2 {color:yellow;}
h3 {color:purple;}

h1 {
    color: white;
    text-shadow: 2px 2px 4px black;
}

h2 {
    text-shadow: 2px 2px 5px black;
}

h3 {
    color:purple;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px yellow;
}


p.Time New Roman {
    font-family: Time New Roman, Arial, Helvetica, sans-serif;
}

a:link {color:red; text-decoration:Arial;}
a:visited {color:green;}


img {
    border-radius: 8px;
}

/***sidebar***/

.sidebar {background-color:Purple; width:30%; float:right;}


    
#rcorners2 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px; 
    width: 200px;
    height: 300px;    
}


/***footer***/
.real-footer {background-color:cyan; clear:both;}