body{
background-color: lightblue;
}

/* all divs are selected  */

div {
  float: left;
  clear: none;
  /*  */
}

img {
  float: left;
  clear: both;
}

/*just a few images that are special*/
.picframe {
width: 10%;
margin-left: 43%;
}


#container { 
background-color: darkslategrey;
width: 95%;
margin-left: 2.5%;
 }


/*menu format*/
 .barofmenus{
width: 100%;
/*height: 60px;*/ 
background-color: blueviolet;
 }


/*format for the image in the top left*/
.face{
height: 60px;
}

/*title format*/
.header{
width:70%;
margin-left: 15%;
margin-right: 15%;
background-color: white;
border-radius: 40px;
border: solid;
border-color: orange;
padding-top:20px ;
padding-bottom:10px;
}

/*text area format*/


#textarea{
clear:left;
padding: 5px;
width:70%;
margin-left:14.5%;
margin-right:15.5%;
margin-top: 25px;
background-color: white;
border-radius: 10px;
border: solid;
border-color: darkslateblue;
font-size: 18px;
font-family: sans-serif;
}
/*color for the body*/



.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.largetext {
 text-align: center;
 font-size: 30pt;
}
/*format for the button of menu*/


.stylz{
clear: none;
font-family: cursive;
color: yellow;
width: 100px;
height: 60px;
background-color: rebeccapurple;
text-align: center;
float: left;
text-decoration: none;
border-right:solid;
border-width:2px;
transition:ease-out .6s;
}