body, html {
  margin: 0;
  padding: 0;
  font-family: 'Nunito', sans-serif;
  background-color: black;
  overflow-x: hidden;
  font-size: calc(16px +1vw);
  line-height: calc(1.1em + 0.5vw);
}
div.main {
  display: block;
  height: 100%;
  width: 100%;
  max-width: 1500px;
}
div.top {
  position: absolute;
  margin-left: 5px;
  margin-top: 8px;
  display: block;
  float: left;
  color: white;	
  height: 10%;
  width: 100%;
  background-image: url(images/g4-logo-color-bl-yg.png);
  z-index: 9;    
  background-color: black;
  background-repeat: no-repeat;  
}
p.title {
  margin-left: 15px;
  margin-top: 25px;
  padding-left: 50px;
  height: 30%;
  vertical-align: bottom;
  font-size: 7vw;
  max-height: 40vmin;    
}
div.bottom {
  display: block;
  position: absolute;
  text-align: left;    
  height: 5%;
  width: 100%;
  margin-top: 15px;     
  margin-left: 5px;
  padding-top: 13px;      
  color: white;
  bottom: 0;
  left: 0;
  max-height: 9.9vmin;
  z-index: 9;  
}
.middle {
  display: block;    
  position: absolute;    
  float: left;	
  overflow-y: scroll;    
  height: 75%;
  width: 100%;
  text-align: left;
  margin-top: 88px;    
  margin-left: 10px;
  margin-bottom: 14px;    
  padding-top: 20px;
  padding-left: 10px;
  padding-bottom: 14px;    
  color: white;
}
.menu {
  display: none;
}
.lauren {
  display: block;
  border: 0;
  border-image: 0;
  position: absolute;
  float: right;
  z-index: -1;	
  top: 110px;
  right: 0;
  max-width:100%;
  height: auto;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: max(4vw, 40px);
  font-size: max(3vw, 30px);
  border-radius: 5px; 
  
}
.social {
  list-style-type: none;
  padding: 0;
  margin: 0;    
  display: inline-block;
  background-color: crimson;
  line-height: max(4vw, 40px);
  font-size: max(3vw, 20px);
  border-radius: 5px;
  max-height: 15vmin;
  max-width: 25vmin;      
        
}
.lists {
  list-style-type: none;
  padding: 0;
  margin: 0;  
  display: inline-block;     
  background-color: darkorchid;
  line-height: max(4vw, 40px);
  font-size: max(3vw, 20px);
  border-radius: 5px;
  max-height: 15vmin;
  max-width: 25vmin;
       
}
.products {
  list-style-type: none;
  padding: 0;
  margin: 0;    
  display: inline-block;     
  background-color: darkorange;
  line-height: max(4vw, 40px);
  font-size: max(3vw, 20px);
  border-radius: 5px;
  max-height: 15vmin;
  max-width: 25vmin;
       
}
.contact {
  list-style-type: none;
  padding: 0;
  margin: 0;    
  display: inline-block;     
  background-color: chartreuse;
  line-height: max(4vw, 40px);
  font-size: max(3vw, 20px);
  border-radius: 5px; 
  max-height: 15vmin;
  max-width: 25vmin;     
}
a.soc:link {
  color: white;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;
}
a.soc:visited {
  color: white;
  padding: 5px;
  margin: 5px;
}
a.soc:hover {
  color: white; 
  background-color: crimson;
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 3px 7px crimson;
  -moz-box-shadow: 0px 0px 3px 7px crimson;
  box-shadow: 0px 0px 3px 7px crimson;
  transition: 0.4s ease;  
}
a.soc:active {
  color: white;
  padding: 5px;
  margin: 5px;
}
a.lis:link {
  color: white;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;
}
a.lis:visited {
  color: white;
  padding: 5px;
  margin: 5px;
}
a.lis:hover {
  color: white; 
  background-color: darkorchid;
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 3px 7px darkorchid;
  -moz-box-shadow: 0px 0px 3px 7px darkorchid;
  box-shadow: 0px 0px 3px 7px darkorchid;
  transition: 0.4s ease;  
}
a.lis:active {
  color: white;
  padding: 5px;
  margin: 5px;
}
a.pro:link {
  color: white;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;
}
a.pro:visited {
  color: white;
  padding: 5px;
  margin: 5px;
}
a.pro:hover {
  color: white; 
  background-color: darkorange;
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 3px 7px darkorange;
  -moz-box-shadow: 0px 0px 3px 7px darkorange;
  box-shadow: 0px 0px 3px 7px darkorange;
  transition: 0.4s ease;  
}
a.pro:active {
  color: white;
  padding: 5px;
  margin: 5px;
}
a.con:link {
  color: white;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;
}
a.con:visited {
  color: white;
  padding: 5px;
  margin: 5px;
}
a.con:hover {
  color: white; 
  background-color: chartreuse;
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 3px 7px chartreuse;
  -moz-box-shadow: 0px 0px 3px 7px chartreuse;
  box-shadow: 0px 0px 3px 7px chartreuse;
  transition: 0.4s ease;  
}
a.con:active {
  color: #FF0000;
  padding: 5px;
  margin: 5px;
}
a.l1:link {
  color: #FF0000;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;
}
a.l1:visited {
  color: #CC0000;
  padding: 5px;
  margin: 5px;
}
a.l1:hover {
  color: white; 
  background-color: #FF0000;
  border-radius: 5px; 
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(255,0,0,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(255,0,0,1);
  box-shadow: 0px 0px 15px 3px rgba(255,0,0,1);
  transition: 0.4s ease;  
}
a.l1:active {
  color: #FF0000;
  padding: 5px;
  margin: 5px;
}
a.l1a:link {
  color: #bb1702;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;
}
a.l1a:visited {
  color: #8d0b02;
  padding: 5px;
  margin: 5px;
}
a.l1a:hover {
  color: white; 
  background-color: #bb1702;
  border-radius: 5px; 
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(187, 23, 2);
  -moz-box-shadow: 0px 0px 15px 3px rgba(187, 23, 2);
  box-shadow: 0px 0px 15px 3px rgba(187, 23, 2);
  transition: 0.4s ease;  
}
a.l1a:active {
  color: #cc1003;
  padding: 5px;
  margin: 5px;
}
a.l2:link {
  color: #ff5100;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l2:visited {
  color: #ff5100;
  padding: 5px;
  margin: 5px;
}
a.l2:hover {
  color: white; 
  background-color: #ff6600;
  border-radius: 5px; 
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(255, 94, 0);
  -moz-box-shadow: 0px 0px 15px 3px rgba(255,94,0);
  box-shadow: 0px 0px 15px 3px rgba(255,94,0);
  transition: 0.4s ease;
}
a.l2:active {
  color: #ff6600;
  padding: 5px;
  margin: 5px;
}
a.l3:link {
  color: #FF9900;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l3:visited {
  color: #FF6600;
  padding: 5px;
  margin: 5px;
}
a.l3:hover {
  color: white; 
  background-color: #FF9900;
  border-radius: 5px; 
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(255,153,0,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(255,153,0,1);
  box-shadow: 0px 0px 15px 3px rgba(255,153,0,1);
  transition: 0.4s ease;
}
a.l3:active {
  color: #FFC400;
  padding: 5px;
  margin: 5px;
}
a.l3a:link {
  color: #FFC400;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l3a:visited {
  color: #FFAE00;
  padding: 5px;
  margin: 5px;
}
a.l3a:hover {
  color: white; 
  background-color: #FFC400;
  border-radius: 5px; 
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(255,196,0,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(255,196,0,1);
  box-shadow: 0px 0px 15px 3px rgba(255,196,0,1);
  transition: 0.4s ease;
}
a.l3a:active {
  color: #FFC400;
  padding: 5px;
  margin: 5px;
}
a.l4:link {
  color: #FFFF00;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l4:visited {
  color: #FFCC00;
  padding: 5px;
  margin: 5px;
}
a.l4:hover {
  color: rgb(228, 228, 228); 
  background-color: #FFFF00;
  border-radius: 5px; 
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(255,255,0,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(255,255,0,1);
  box-shadow: 0px 0px 15px 3px rgba(255,255,0,1);
  transition: 0.4s ease;  
}
a.l4:active {
  color: #FFFF00;
  padding: 5px;
  margin: 5px;
}
a.l4a:link {
  color: #87f400;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l4a:visited {
  color: #99b907;
  padding: 5px;
  margin: 5px;
}
a.l4a:hover {
  color: rgb(228, 228, 228); 
  background-color: #87f400;
  border-radius: 5px; 
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(135,244,0);
  -moz-box-shadow: 0px 0px 15px 3px rgba(135,244,0);
  box-shadow: 0px 0px 15px 3px rgba(135,244,0);
  transition: 0.4s ease;  
}
a.l4a:active {
  color: #87f400;
  padding: 5px;
  margin: 5px;
}
a.l4b:link {
  color: #DFFF00;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l4b:visited {
  color: #ddff009a;
  padding: 5px;
  margin: 5px;
}
a.l4b:hover {
  color: rgb(228, 228, 228); 
  background-color: #dfff00;
  border-radius: 5px; 
  padding: 5px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(223,255,0);
  -moz-box-shadow: 0px 0px 15px 3px rgba(223,255,0);
  box-shadow: 0px 0px 15px 3px rgba(223,255,0);
  transition: 0.4s ease;  
}
a.l4b:active {
  color: #DFFF00;
  padding: 5px;
  margin: 5px;
}
a.l5:link {
  color: #00FF00;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l5:visited {
  color: #009900;
  padding: 5px;
  margin: 5px;
}
a.l5:hover {
  color: white; 
  background-color: #00FF00;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0,255,0,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0,255,0,1);
  box-shadow: 0px 0px 15px 3px rgba(0,255,0,1);
  transition: 0.4s ease;  
}
a.l5:active {
  color: #00FF00;
  padding: 5px;
  margin: 5px;
}
a.l6:link {
  color: #049b0b;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l6:visited {
  color: #024605;
  padding: 5px;
  margin: 5px;
}
a.l6:hover {
  color: white; 
  background-color: #049b0b;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(3, 161, 43);
  -moz-box-shadow: 0px 0px 15px 3px rgba(3, 161, 43);
  box-shadow: 0px 0px 15px 3px rgba(3, 161, 43);
  transition: 0.4s ease;   
}
a.l6:active {
  color: #049b0b;
  padding: 5px;
  margin: 5px;
}
a.l6a:link {
  color: #04cc79;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l6a:visited {
  color: #018a51;
  padding: 5px;
  margin: 5px;
}
a.l6a:hover {
  color: white; 
  background-color: #04cc79;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(4, 204, 121);
  -moz-box-shadow: 0px 0px 15px 3px rgba(4, 204, 121);
  box-shadow: 0px 0px 15px 3px rgba(4, 204, 121);
  transition: 0.4s ease;   
}
a.l6a:active {
  color: #04cc79;
  padding: 5px;
  margin: 5px;
}
a.l6b:link {
  color: #03e233e8;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l6b:visited {
  color: #039723e8;
  padding: 5px;
  margin: 5px;  
}
a.l6b:hover {
  color: white; 
  background-color: #03e233e8;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(3, 226, 51, 0.91);
  -moz-box-shadow: 0px 0px 15px 3px rgba(3, 226, 51, 0.91);
  box-shadow: 0px 0px 15px 3px rgba(3, 226, 51, 0.91);
  transition: 0.4s ease;   
}
a.l6b:active {
  color: #04fc10;
  padding: 5px;
  margin: 5px;
}
a.l6c:link {
  color: rgb(4, 204, 171);
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l6c:visited {
  color: #018a8a;
  padding: 5px;
  margin: 5px;
}
a.l6c:hover {
  color: white; 
  background-color: #04ccab;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(4, 204, 171);
  -moz-box-shadow: 0px 0px 15px 3px rgba(4, 204, 171);
  box-shadow: 0px 0px 15px 3px rgba(4, 204, 171);
  transition: 0.4s ease;   
}
a.l6c:active {
  color: #04ccab;
  padding: 5px;
  margin: 5px;
}
a.l6d:link {
  color: #02915ae8;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l6d:visited {
  color: #014b2ce8;
  padding: 5px;
  margin: 5px;
}
a.l6d:hover {
  color: white; 
  background-color: #02915ae8;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(2, 145, 90, 0.91);
  -moz-box-shadow: 0px 0px 15px 3px rgba(2, 145, 90, 0.91);
  box-shadow: 0px 0px 15px 3px rgba(2, 145, 90, 0.91);
  transition: 0.4s ease;   
}
a.l6d:active {
  color: #3deba8e8;
  padding: 5px;
  margin: 5px;
}
a.l6e:link {
  color: #10d3c6;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l6e:visited {
  color: #007c7d;
  padding: 5px;
  margin: 5px;
}
a.l6e:hover {
  color: white; 
  background-color: #10d3c6;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(64, 224, 208);
  -moz-box-shadow: 0px 0px 15px 3px rgba(64, 224, 208);
  box-shadow: 0px 0px 15px 3px rgba(64, 224, 208);
  transition: 0.4s ease;   
}
a.l6e:active {
  color: #10d3c6;
  padding: 5px;
  margin: 5px;
}
a.l7:link {
  color: #00ccff;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l7:visited {
  color: #03a8d1;
  padding: 5px;
  margin: 5px;
}
a.l7:hover {
  color: white; 
  background-color: #00ccff;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(0, 204, 255);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0, 204, 255);
  box-shadow: 0px 0px 15px 3px rgba(0, 204, 255);
  transition: 0.4s ease;   
}
a.l7:active {
  color: #00ccff;
  padding: 5px;
  margin: 5px;
}
a.l7a:link {
  color: #00aeff;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l7a:visited {
  color: #0278af;
  padding: 5px;
  margin: 5px;
}
a.l7a:hover {
  color: white; 
  background-color: #00aeff;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(0, 174, 255);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0, 174, 255);
  box-shadow: 0px 0px 15px 3px rgba(0, 174, 255);
  transition: 0.4s ease;   
}
a.l7a:active {
  color: #00aeff;
  padding: 5px;
  margin: 5px;
}
a.l8:link {
  color: #0059ff;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l8:visited {
  color: #0345c0;
  padding: 5px;
  margin: 5px;
}
a.l8:hover {
  color: white; 
  background-color: #0059ff;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0,89,255,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0,89,255,1);
  box-shadow: 0px 0px 15px 3px rgba(0,89,255,1);
  transition: 0.4s ease;   
}
a.l8:active {
  color: #0059ff;
  padding: 5px;
  margin: 5px;
}
a.l8a:link {
  color: #0400ff;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l8a:visited {
  color: #0603b6;
  padding: 5px;
  margin: 5px;
}
a.l8a:hover {
  color: white; 
  background-color: #0400ff;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(4,0,255,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(4,0,255,1);
  box-shadow: 0px 0px 15px 3px rgba(4,0,255,1);
  transition: 0.4s ease;   
}
a.l8a:active {
  color: #0400ff;
  padding: 5px;
  margin: 5px;
}
a.l8b:link {
  color: #4400ff;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l8b:visited {
  color: #2d01a8;
  padding: 5px;
  margin: 5px;
}
a.l8b:hover {
  color: white; 
  background-color: #4400ff;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(68,0,255,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(68,0,255,1);
  box-shadow: 0px 0px 15px 3px rgba(68,0,255,1);
  transition: 0.4s ease;   
}
a.l8b:active {
  color: #4400ff;
  padding: 5px;
  margin: 5px;
}
a.l8c:link {
  color: #3102b4;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l8c:visited {
  color: #210277;
  padding: 5px;
  margin: 5px;
}
a.l8c:hover {
  color: white; 
  background-color: #3102b4;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(49,2,180);
  -moz-box-shadow: 0px 0px 15px 3px rgba(49,2,180);
  box-shadow: 0px 0px 15px 3px rgba(49,2,180);
  transition: 0.4s ease;   
}
a.l8c:active {
  color: #3102b4;
  padding: 5px;
  margin: 5px;
}
a.l8d:link {
  color: #2505da;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l8d:visited {
  color: #140185;
  padding: 5px;
  margin: 5px;
}
a.l8d:hover {
  color: white; 
  background-color: #2505da;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(37,5,218);
  -moz-box-shadow: 0px 0px 15px 3px rgba(37,5,218);
  box-shadow: 0px 0px 15px 3px rgba(37,5,218);
  transition: 0.4s ease;   
}
a.l8d:active {
  color: #2505da;
  padding: 5px;
  margin: 5px;
}
a.l9:link {
  color: #b302b3;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l9:visited {
  color: #920792;
  padding: 5px;
  margin: 5px;
}
a.l9:hover {
  color: white; 
  background-color: #b302b3;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(179,2,179,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(179,2,179,1);
  box-shadow: 0px 0px 15px 3px rgba(179,2,179,1);
  transition: 0.4s ease;   
}
a.l9:active {
  color: #b302b3;
  padding: 5px;
  margin: 5px;  
}
a.l9a:link {
  color: #6e016e;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l9a:visited {
  color: #5c025c;
  padding: 5px;
  margin: 5px;
}
a.l9a:hover {
  color: white; 
  background-color: #6e016e;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(110,1,110);
  -moz-box-shadow: 0px 0px 15px 3px rgba(110,1,110);
  box-shadow: 0px 0px 15px 3px rgba(110,1,110);
  transition: 0.4s ease;   
}
a.l9a:active {
  color: #6e016e;
  padding: 5px;
  margin: 5px;  
}
a.l9b:link {
  color: #6f00ff;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l9b:visited {
  color: #4f01a8;
  padding: 5px;
  margin: 5px;
}
a.l9b:hover {
  color: white; 
  background-color: rgb(111, 0, 255);
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(111, 0, 255);
  -moz-box-shadow: 0px 0px 15px 3px rgba(111,0,255);
  box-shadow: 0px 0px 15px 3px rgba(111,0,255);
  transition: 0.4s ease;   
}
a.l9b:active {
  color: #0059ff;
  padding: 5px;
  margin: 5px;
}
a.l9c:link {
  color: #7851a9;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l9c:visited {
  color: #493166;
  padding: 5px;
  margin: 5px;
}
a.l9c:hover {
  color: white; 
  background-color: rgb(120, 81, 169);
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(120, 81, 169);
  -moz-box-shadow: 0px 0px 15px 3px rgb(120, 81, 169);
  box-shadow: 0px 0px 15px 3px rgb(120, 81, 169);
  transition: 0.4s ease;   
}
a.l9c:active {
  color: #7851a9;
  padding: 5px;
  margin: 5px;
}

a.l10:link {
  color: #fc01fc;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l10:visited {
  color: #db03db;
  padding: 5px;
  margin: 5px;
}
a.l10:hover {
  color: white; 
  background-color: #fc01fc;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(252, 2, 252,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(252, 2, 252,1);
  box-shadow: 0px 0px 15px 3px rgba(252, 2, 252,1);
  transition: 0.4s ease;   
}
a.l10:active {
  color: #fc01fc;
  padding: 5px;
  margin: 5px;  
}
a.l10a:link {
  color: #fc019c;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l10a:visited {
  color: #db036f;
  padding: 5px;
  margin: 5px;
}
a.l10a:hover {
  color: white; 
  background-color: #fc019c;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(252, 1, 156,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(252, 1, 156,1);
  box-shadow: 0px 0px 15px 3px rgba(252, 1, 156,1);
  transition: 0.4s ease;   
}
a.l10a:active {
  color: #fc019c;
  padding: 5px;
  margin: 5px;  
}
a.l10b:link {
  color: #ff6ec7;
  padding: 5px;
  margin: 5px;
  transition: 0.4s ease;  
}
a.l10b:visited {
  color: #ff6ec7b7;
  padding: 5px;
  margin: 5px;
}
a.l10b:hover {
  color: white; 
  background-color: #ff6ec7;
  border-radius: 5px; 
  padding: 5px; 
  margin: 5px;
  -webkit-box-shadow: 0px 0px 15px 3px rgb(255, 110, 199);
  -moz-box-shadow: 0px 0px 15px 3px rgba(255, 110, 199);
  box-shadow: 0px 0px 15px 3px rgba(255, 110, 199);
  transition: 0.4s ease;   
}
a.l10b:active {
  color: #ff6ec7;
  padding: 5px;
  margin: 5px;  
}