body {
    background-color: green;
}


#container {
width: 90%;
float: left;
padding: 4.9%;
background-color: green;
font-size: 80pt;
}

.sportsmenu:hover{
    opacity:80% ;
    transform: scale(2);
}

 .sportsmenu{
 background-color: white;
 height: 70px;
 width: 150;
 float: left;
 border-radius: 20px;
 border:5px solid black;
 font-size: 30px;
 cursor: pointer;
 text-align: center;
 transform: .2s;
 margin-right: 3px;
 margin-left: 100px;
}


 .menubar{
 border-radius: 30px;
 /*this make it float up to the left*/
 width: 90%;
 float: left;
 /*clear: both;*/
 /*margin-left: 20%;*/
 margin-top: 30px;
 padding: 2%;
 background-color: lightblue;
 font-size: 80pt;
 border: 10px solid black;
}

.textarea{
 /*border-radius: 30px;*/
/*this make it float up to the left*/
width: 60%;
float: left;
margin-left: 10%;
margin-top: 30px;
padding: 10%;
background-color: orange;
font-size: 20pt;
border: 10px solid black;
}

.title{
background-color: white;
 height: 70px;
 width: 189;
 float: left;
 border-radius: 20px;
 border:5px solid black;
 font-size: 50px;
margin-left: 30%;
background-color: orange;
padding: 2%;
}

a{
 text-decoration: none;
text-align: center;
color: black;
}