/* global rule  */
div {
float:left;
clear:both;
}



#maincontainer {
background-color: violet;
height: 2000px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
border-radius: 30px;
}



.menuH {
width:17%;
margin-left: 3%;
background-color: lightblue;
border-radius: 20px;
clear: none;
/* specifiicty  */
padding-bottom: 44px;
}

.contentgoeshere {
background-color: lightcyan;
width: 60%;
margin-left: 5%;
padding: 5%;
min-height: 200px;
margin-top: 8px;
border-radius: 30px;
clear: none;
}

.contentlarge {
background-color: lightcyan;

width: 90%;
margin-left: 5%;
margin-right: 5% ;

margin-top: 8px;
border-radius: 30px;
clear: both;
}



.contentgoeshereM {
background-color: lightcyan;


width: 60%;
margin-left: 5%;
padding: 5%;

height: 60%;
margin-top: 80px;
border-radius: 30px;
clear: none;
}
.contentgoeshereZ {
background-color: lightcyan;


width: 60%;
margin-left: 5%;
padding: 5%;

height: 48%;
margin-top: 80px;
border-radius: 30px;
clear: none;
}

.specialP {
font-size: 3vw;
text-align: center;
/*removed to get text to fit in the div*/
/*transform: translateY(-50%);*/
}

.specialP_ext {
font-size: 3vw;
text-align: center;
transform: translateY(-20%);
}
.specialP3 {
font-size:15pt;
text-align: center;
}


.brawlers {
background-color: darkslateblue;
/*width: 33%;*/

/* lets remove percent and add min height using units vh */
/*height: 4%;*/
min-height: 8vh;
min-width: 8vh;

border-radius: 9%;
margin-left: 33%;
margin-top: 50px;
color: pink;
font-size: 1.2vw;
text-align: center;
transform: translateY(-50%);
float: left;
clear:both;
}


.vcss {
background-color: lightcyan;


width: 60%;
margin-left: 5%;
padding: 5%;

height: 10%;
margin-top: 80px;
border-radius: 30px;
clear: none;



}
.vcss2 {
background-color: lightcyan;


width: 700px;
margin-left: 5%;
padding: 5%;
height: 100px;
border-radius: 30px;
clear: none;
text-align: center;
margin-top: 5%;
}



/* from w3c  */

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

/* visited link */
a:visited {
  color: #dddddd;
}

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

/* selected link */
a:active {
  color: blue;
}