body { 
margin:0; 
background-image: url("http://tumblrchase.com/img/bg/88.gif");
}
/* Remove body margins */
/*this is my background image of my website*/

div {
border-radius: 10px;
float: left;
clear: both;
}

img {
width: 100%;
}

.pictureframe1 {
width: 50%;
clear: none;
margin-left: 5%;
width: 40%;
}

.pictureframe2 {
width: 50%;
clear: none;
margin-left: 10%;
width: 40%;
}

#container {
height: 1500px;
width: 80%;
margin-left: 10%;
margin-bottom: 40px;
background-color: #55973FB1;
border-radius: 35px;
margin-top: 50px;
}

.headpic {
width: 30%;
margin-left: 5%;
/* share space with menu header*/
margin-bottom: 10px; 
margin-top: 50px;
background-color: pink;
/*height: 70px;*/
clear: none;
}

.menusheader {
clear: none;
margin-left: 4%;
width: 57%;
padding: middle;

height: 75px;
background-color: #111D3FB6;
border-radius: 5px;
margin-bottom: 20px;
margin-top: 50px;
color: white;
}

.textarea {
height: 1200px;
margin-left: 10%;
width: 80%;
background-color: #111D3FB6;
color: white;
margin-top: 10px;
padding: middle;
}



.title1 {
margin-left: 35%;
font-style: 
 }

 .solarsystem {
 margin-top: 10px;
 font-size: 20px;
 margin-right: 5%;
 margin-left: 5%;
 }



/* THIS ARE MY MENU TABS */

.menutabs {
 width: 19%;
 background-color: #3D72B1 ;
 margin-left: 5%;
 color: black ;
 border-radius: 2%;
 margin-bottom: 5px;
 margin-top: 10px;
 clear: none;
 text-align: center;
 padding-top: 15px;
 padding-bottom: 15px;
 /* height is not needed if there is text in the div */

 /* a specific rule that overrides the generic rule on line 1*/
}

.grab_style{
color :red;
}
/* im using this div tag to change the color of my clickable words*/

.title2 {
margin-left: 45%;
font-style: 
 }

p {
/* for a long text word wrap the text */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}