/* Ayyyoo, I'm a Leeeegooo. */

.memetext1{
  font-family: Impact;
  color: black;
  font-size: 88px;
  z-index: 9999;
  position: relative;
  top: 180px;
  left: 56px;
  text-shadow: 2px 2px 5px black; 
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;
}

.memetext2{
  font-family: Impact;
  color: black;
  font-size: 88px;
  z-index: 9999;
  position: relative;
  bottom: 190px;
  left: 56px;
  text-shadow: 2px 2px 5px black; 
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;
}

.memeyoudip{
  border: 3px double black;
}


/*Header*/
.heading {
  background: #2e3136;
  padding: 5px 5px;
  border-bottom: 1px solid #d26ff3;
  box-shadow: 0 0 4px 2px #00000050, inset 0 -1px 0 #FFFFFF40;
  min-height: 28px;
  overflow: hidden;
  position: sticky;
  z-index: 1000;
  top: 0;
}

.heading a {
  float: left;
  text-align: center;
  padding: 10px;
  background: linear-gradient(to bottom, #f9edfd 0%,#f0d3fb 50%,#e5bdf5 51%,#d26ff3 100%);
  border: 1px solid black;
  color: black;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 0 -1px 0px white;
  margin-right: 10px;
  border-radius: 3px;
  box-shadow: inset 0.1em 0.1em 0 0 white, inset -0.1em -0.1em 0 0 #00000050;
  line-height: 10px;
}

a.thelogo{
box-shadow: none !important;
border: none !important; 
padding: 0;
padding-left: 20px;
padding-right: 20px;
background: none !important;
}


.heading a:active{
  box-shadow: inset 0.1em 0.1em 0 0 #00000050, inset -0.1em -0.1em 0 0 white;
}
  
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: Tahoma;
  font-style: normal;
  font-weight: 400;
}

 body{
      background-size: 100% 100%;
	  background-position: 0px 0px,0px 0px;
      background-image: linear-gradient(45deg, #6e00af 0%, #A100FFFF 26%, #8568fa 60%);
      background-attachment: fixed;
      margin: 0;
    }
    
  .square {
  width: auto;
  height: auto;
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
  left: 200px;
  overflow: clip;
  background: #00000033;
  border: 5px solid #06c1c8;
  z-index: -9999;
  animation: wiggle 2s infinite, animate-fade 5s;
  box-shadow: 0 0 20px #06c1c8;
}
  
  
  @keyframes wiggle {
  0% { transform: rotate(45deg) translate(5px, 5px); box-shadow: 0 0 20px #06c1c8;}
  50% { transform: rotate(45deg) translate(12px, 12px); box-shadow: 0 0 40px #06c1c8;}
  100% { transform: rotate(45deg) translate(5px, 5px); box-shadow: 0 0 20px #06c1c8;}
}
  
    @keyframes wiggle2 {
  0% { transform: rotate(45deg) translate(9px, 9px); box-shadow: 0 0 20px #06c1c8;}
  50% { transform: rotate(45deg) translate(17px, 17px); box-shadow: 0 0 40px #06c1c8;}
  100% { transform: rotate(45deg) translate(9px, 9px); box-shadow: 0 0 20px #06c1c8;}
}
    
*{
  font-family: 'Tahoma' !important;
}
    
    .header-container{
        margin: 0 auto;
        border: 1px solid #ccc;
        background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
        box-shadow: 0px 6px 8px #6666664c;
        width: 40%;
        padding: 20px;
        border-radius: 0px;
    }
    
       .body-container{
        margin: 16px auto;
        background: linear-gradient(180deg, #CFCFCF9E 20%, #FFFFFF9E 80%);
        box-shadow: 0px 6px 8px #6666664c, inset 0.1em 0.1em 0 white, inset -0.1em -0.1em 0 #00000050;
        border: 1px solid black;
        width: 40%;
        padding: 20px;
        padding-top: 10px;
        border-radius: 3px;
        overflow: hidden;
        animation-duration: 0.5s;
        animation-name: animate-fade;
        animation-delay: 0.1s;
        animation-fill-mode: backwards;
    }
    
    .text-container-leftie-about{
      padding-bottom: 20px;
      padding-right: 20px !important;
    }

	li{
		margin-left: 182px;
	}
    
    ul{
 	 list-style: square url("bulletp.png");
 	}
    
    .text-container-center{
      text-align: center;
      padding: 10px;
    }
    
      .nelly_point{
        display: block;
        padding-top: 40px;
        padding-bottom: 40px;
      float: none;
      margin: 0 auto;
    } 
  
  .bigtext222{
    font-family: Impact !important;
  	color: black;
  	font-size: 40px;
 	 text-shadow: 2px 2px 5px black; 
 	 -webkit-text-fill-color: white; /* Will override color (regardless of order) */
 	 -webkit-text-stroke-width: 2px;
 	 -webkit-text-stroke-color: black;
  }
    
    @keyframes animate-fade {
  0% { opacity: 0; filter: blur(5px); }
  100% { opacity: 1; }
}
   
    
    .header{
      padding: 10px;
      background: linear-gradient(to bottom, #dce0e2 0%,#cfd4d7 50%,#c2c8cc 51%,#dadee2 100%);
      box-shadow: inset 0px 4px 20px 2px #55555544;
      border: 1px solid #c2c8cc;
      margin-bottom: 0px;
      overflow: hidden;
    }
    
   .logoimg{
         display: block;
    margin-left: auto;
    margin-right: auto;
    width: 16%;
   }
  
  

   
    .text-logo{
      font-weight: bold;
      font-size: 25px;
      text-decoration: none;
      padding: 10px;
      color: black !important;
      text-align: center;
     }
    
    .headerlink{
      font-size: 14px;
      color: #5E71E7;
      font-weight: 700;
      text-decoration: none;
      transition: color linear 0.3s, text-shadow linear 0.3s;
      margin-right: 30px;
      padding-left: 50px;
      
    }
     
    .stupid-picrew{
      float: left;
      border: 2px ridge #aaaaaa;
      margin-right: 29px;
    }
    
    .nelly_wink{
      float: right;
     transform: rotate(-10deg);
      margin-right: 29px;
    } 
    
    .funnylegaltext{
      text-align: center;
      color: white;
      margin-bottom: 40px;
      line-height: 1.76em;
    }
    
    .imageryright{
      float: right;
      border: 3px double #cccccc;
      margin-left: 10px;
    }
    
    .text-container-leftie{
      padding-bottom: 20px;
      padding-right: 10px !important;
    }
    
    .right-aligned-h2{
      text-align: right;
    }
    
      .headerlink:hover{
      color: #32BEF4;
      text-shadow: 0 0 2px #32BEF4AD;
      transition: color linear 0.3s, text-shadow linear 0.3s;
    }
    
    .buttonery{
      text-align: center;
      list-style-type: none;
    }
    
    .social-container{
      margin: 0 auto;
      text-align: center;
      background: #bc9ee5;
 	  box-shadow: inset 0.1em 0.1em 0 0 #00000050, inset -0.1em -0.1em 0 0 white;
      padding: 20px;
    }
    
    hr{
    	border-bottom: 1px solid #ffffff;
    }
      
    .greybutton{
      border: 1px solid #aaaaaa;
      background: linear-gradient(to bottom, #fafafa 43%,#ededed 69%,#dedede 100%);
      border-radius: 0px;
      font-size: 14px;
      box-shadow: inset 0 1px #ffffff80,inset 0 -2px #00000020;
      color: #222222 !important;
      text-shadow: 0px -1px 0 white;
      text-decoration: none !important;
      padding: 4px;
      transition: box-shadow 0.3s linear, background 0.3s linear, border 0.3s linear;
    }
    
      .greybutton:hover{
      border: 1px solid #5E71E7;
      background: linear-gradient(to bottom, #eff3ff 43%,#dfe6ff 69%,#cdd9ff 100%);
      box-shadow: 0 0 3px #5E71E7;
      transition: box-shadow 0.3s linear, background 0.3s linear, border 0.3s linear;
    }
    
      .greybutton:active{
      border: 1px solid #5E71E7;
      background: linear-gradient(to top, #eff3ff 43%,#dfe6ff 69%,#cdd9ff 100%);;
      box-shadow: 0 0 3px #766fc1;
      transition: box-shadow 0.3s linear, background 0.3s linear, border 0.3s linear;
    }