table, th, td {
  text-align: center; 
  border: 2px solid black;
  border-collapse: collapse;
}
th{
  background: #0000FF; 
  color:#FFFFFF; 
  font-size:20px; 
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

td {
  background: #FFFFFF; 
  font-size:20px; 
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

html, body {
width: 100%;
height: 100%;
padding: 0;
margin: -10;
color:#000000; 
background-color:#FFFFFF;
background-size: auto;
background-repeat: no-repeat; 
}
            
 s1 {
         color: #0000FF; 
         opacity:1;
         font-size: 32px; 
         font-weight: 600;
         font-family: arial;
         text-shadow: 2px 1px 1px #EEEEEE, 2px 1px 0px #88009E;;
       }

 s2 {
         color: #000000; 
         opacity:1;
         font-size: 22px; 
         font-weight: 400;
         font-family: arial; 
         text-shadow: 1px 1px 1px #EEEEEE, 1px 1px 0px #88009E;
        }       
        
 bigmouth {
    font-size: 60px; 
    font-weight:600;
    font-family: arial;
    text-align:center; 
    background-image: 
    linear-gradient(60deg,  #0000FF,  #FF6100,  #FFFF00, #00FF00, #FF003F,  #00FFFF,  #3640FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute; 
    width: 100%;
}
       
.Bbigmouth  {
     	left:-160px; 
         filter: hue-rotate(-270deg);
         color: #0000FF; 
         opacity:1;
         font-size: 78px; 
         font-weight: 600;
         text-shadow: 2px 1px 1px #EEEEEE, 2px 1px 0px #88009E;
         contents: &#x1F5E3;
       }