#container{
height: 1400px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: pink;
text-align: center;
/* The text looks bad on the left */ 
border: black solid 5px;
}

html{
background-color: silver;	
font-family: "Comic Sans MS";
font-size: 70%;
}

#header{
height: 120px;
float: left;
clear: both;
margin-left: 10%;
width: 52.5%;
background-color: silver;
clear: none;
border: black solid 5px;
margin-top: 10px;
text-align: center;

}

.sidebarmenus{
height: 1000px;
width: 17%;
clear: none;
background-color: silver;
/* I really like the color silver */
border: black solid 5px;
margin-left: 15%;
margin-top: 1%;
float: left;
}

.submenu{
height: 80px;
width: 90%;
float: left;
background-color: pink;
/* I really like pink and silver I think it's a great combination*/
border-radius: 10px;
margin-left: 5%;
margin-top: 20px;
}

#textarea{
height:1000px;
width: 52.5%;
float: left;
background-color: silver;
border: black solid 5px;
margin-left: 10%;
margin-top: 1%;
text
}

img{
width: 60%;
height: 250px;
}


/* unvisited link */
a:link {
    color: blue;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: blue;
}
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url('https://fonts.googleapis.com/css?family=Anton');

h1,h2{
  text-align:center;
}

h1{
  color:rgba(100, 50, 255, .8);
  font-family: 'Pacifico', cursive;
  color:#212121;
}

.rainbow {
  
   /* Font options */
  font-family: 'Pacifico', cursive;
  text-shadow: 2px 2px 4px #000000;
  font-size:22px;
  
   /* Chrome, Safari, Opera */
  -webkit-animation: rainbow 5s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 5s infinite;
  
  /* Standar Syntax */
  animation: rainbow 5s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
  0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Internet Explorer */
@-ms-keyframes rainbow{
   0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Standar Syntax */
@keyframes rainbow{
    0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

body{
  background-color:#607D8B;
}

.container{
  background-color:#E0F2F1;
  padding:10px;
  border-radius:15px;
  box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.75);
}