/* 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: #4384a1;
  background-image: linear-gradient(to bottom, #494949 0%,#000000 100%);
  padding: 5px 5px;
  border-bottom: 1px solid #0000000;
  box-shadow: 0 0 4px 2px #00000050, inset 0 -1px 0 #FFFFFF40;
  min-height: 44px;
  overflow: hidden;
  position: sticky;
  z-index: 1000;
  top: 0;
}

.heading a {
  float: left;
  text-align: center;
  padding: 10px;
  background: white;
  background-image: linear-gradient(to bottom, #60646c 5%,#4c4c4c 21%,#2d2d2d 58%,#000000 100%);
  color: white;
  text-shadow: 0 -1px 0 black;
  text-decoration: none;
  font-size: 18px;
  margin-right: 10px;
  box-shadow: inset 0 0 0 1px #000000, 0 0 0 1px #bbbbbb44;
  line-height: 25px;
  border-radius: 4px;
  transition: box-shadow 0.3s linear, background 0.3s linear, border 0.3s linear;
}

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

.heading a:hover{
  background: white;
  background-image: linear-gradient(to bottom, #83828e 5%,#6f6d73 21%,#575559 58%,#333234 100%); 
  box-shadow: inset 0 0 0 1px #000000, 0 0 0 1px #bbbbbb44;
  transition: box-shadow 0.3s linear, background 0.3s linear, border 0.3s linear;
}

.heading a:active{
  background: white;
  background-image: linear-gradient(to top, #83828e 5%,#6f6d73 21%,#575559 58%,#333234 100%); 
  box-shadow: inset 0 0 0 1px #000000, 0 0 0 1px #bbbbbb44, inset 0 0px 10px 3px black;
  transition: box-shadow 0.1s linear, background 0.3s linear, border 0.3s linear;
}
  
/* 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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

 body{
      background: linear-gradient(to top right, #a21c59, #492066, #010103);
      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: 'Roboto' !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;
        border: 1px solid #ccc;
        background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%); ;
        box-shadow: 0px 6px 8px #6666664c;
        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: 10px !important;
    }
    
    .text-container-center{
      text-align: center;
    }
    
      .nelly_point{
        display: block;
        padding-top: 40px;
        padding-bottom: 40px;
      float: none;
      margin: 0 auto;
    } 
  
  .bigtealtext{
    font-size: 40px;
    color: #07c5ca;
  }
    
    @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: 3px double #cccccc;
      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: 90px;
      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;
    }
    
    
    .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;
    }