@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}

@font-face {
font-family: spirit; 
src: url(https://dl.dropbox.com/scl/fi/npu6iooiwovhxljcjoeex/spirit.ttf?rlkey=eubwh1fc2c460q68exstay65d&dl=0);
}
 
@font-face {
  
      font-family: "Pixel NES";
      src: url(fontes/Pixel_NES.ttf);
}

 body {
  height: 790px;
  cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat985.cur), auto !important;
    align-items: center;
    margin: 0 auto;
    margin-top: -30px;
    
}

@media screen and (min-width: 601px) {
    body:before {
        content: "";
        position: fixed;
        opacity: 0.2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1000;
        background-image: url(/imagens/overlay.png);
        background-repeat: all;
        background-position: 0px 0px;
        animation-name: Static;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: steps(4);
        box-shadow: inset 0px 0px 10em rgb(0 0 0 / 40%);
    }
}
  .bodybg {
    width: 100%;
    height: 800px;
    image-rendering:pixelated;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://i.pinimg.com/originals/5e/be/5c/5ebe5c4f3fc6b87e0771fb447a265cbd.gif) 0px 0px;
    background-position: 0 0;
    background-size: fit 500px;
    animation: animatedBackground 1200s 
linear infinite;
 font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;


}


#container {
  width: 790px;
  height: 700px;
    margin: 0 auto;
    border: 16px solid white;
    filter: drop-shadow(0px 0px 5px #00000011);
    overflow: hidden;
    position: relative;
    z-index: 3;
    background: white;
    padding: 5px;
border: 1px solid #009CFF;
    margin-bottom: -10px;
    margin-top: 60px;
}

.title {
    border: 1px solid #4545ff;
    height: 80px;
    width: auto;
    box-shadow: 0px 0px 6px inset #00000011;
    background-size: 600px;
    background-image: url(https://i.pinimg.com/originals/93/a7/77/93a777af216ae409b7d0464d21b14c07.gif);
    background-position: center;
    position: relative;
    z-index: 3;
    text-align: center;
}

#titleh1 {
    position: absolute;
    top: 10px;
    left: 5px;
    padding: 10px;
    font-family: 'Pixel NES';
    text-align: center;
   
    background: linear-gradient(to top, #00FF9D 2%, #00FF9D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0077FF;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #0077FF;
    margin: 0;
    
}

h3 {
  display: inline;
     font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
    font-size: 15px;
    letter-spacing: 1px;
    color: #59FF30;
    text-align: center;
}

p {
  
  display: inline;
    font-size: 13px;
     font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
    color: black;
    letter-spacing: 1px;
    text-align: left;
}
#bg {
    width: auto;
    height: 600px;
    position: relative;
    top: 0px;
    left: 0px;
    box-shadow: 0px 0px 6px inset #00000011;
}

.top-row {
    width: auto;
    display: flex;
  
    border-bottom: 10px solid white;

}

#left {


    
    border-right: 20px solid white;
    box-shadow: 0px 0px 6px inset #00000011;
    height: 250px;
    display: flex;
}



#boxdentro {
    width: 500px;
    height: 200px;
    border-bottom: 9px solid white;
    padding: 10px;
    position: relative;
    border: 1px solid #4545ff;
}

#boxbg {
   width: auto;
    padding: 10px;
    text-align: center;
    
    
    
}

#embaixo {
  height: 250px;
    
    width: 261px;

    box-shadow: 0px 0px 3px inset #00000022;
    display:flex;

}

.embaixo-box {
  display: flex;
    flex-direction: row;
    height: 251px;
    
    width: 271px;
    border-left: 1px solid #4545ff;
    border-right: 1px solid #4545ff;;
    border-bottom: 1px solid #4545ff;;


}

#embaixo-style {
  width: auto;
    background: white;
    border: 3px solid white;
    box-shadow: 0px 0px 6px inset #00000011;
    padding: 4px;
    border-radius: 4px;
    height: 94%;
    overflow-y: scroll;
    overflow-x: hidden;

}


#embaixo-sla {
  
  
    border-right: 10px solid white;
    box-shadow: 0px 0px 6px inset #00000011;
    background: url(https://i.pinimg.com/originals/e4/10/35/e4103510ffb032bc7a33505237b20ec3.gif) 0px 0px / 10px;
    background-size: 200px;
    padding: 10px;
    border-right-width: 0px;
    width: 241px;

  
}
#embaixo mark {
    color: #000000;
    background: linear-gradient(#FFABD755, #FFABD799);
    padding: 2px;
     font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
    font-size: 12px;
    margin: 0 auto;
    border: 1px solid #FFABD799;
    text-align: left;
}

#embaixo p {
   font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
  margin-left: 12px
  
}

#embaixo-right{
  width: 257px;
    position: relative;
}

#right {
   box-shadow: 0px 0px 3px inset #00000022;
    width: 200px;
    padding: 0px;
    background: linear-gradient(180deg, #fef4f9, white);
    
  
}

#pfp {
    width: auto;
    height: 530px;
    padding: 0px;
    border-radius: 10px;
    position: relative;
}

#icon {
  width: auto;
    height: 190px;
    margin: 13px;
    position: relative;
    background: url(https://i.pinimg.com/736x/bb/30/d8/bb30d8a2b32d0d0474e89417292215c9.jpg) 0px 0px / cover;
    border: 1px solid #4545ff;
    

}

#pfptitle {
    position: absolute;
    width: auto;
    top: 190px;
    text-align: left;
    left: 18px;
}

#pfptitle h1 {
    display: inline;
     font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
    font-size: 20px;
    letter-spacing: 0px;
    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);
    color: #303EFF;
}

 @keyframes squiggly-anim {
    0% {
      -webkit-filter: url("#squiggly-0");
              filter: url("#squiggly-0");
    }
    25% {
      -webkit-filter: url("#squiggly-1");
              filter: url("#squiggly-1");
    }
    50% {
      -webkit-filter: url("#squiggly-2");
              filter: url("#squiggly-2");
    }
    75% {
      -webkit-filter: url("#squiggly-3");
              filter: url("#squiggly-3");
    }
    100% {
      -webkit-filter: url("#squiggly-4");
              filter: url("#squiggly-4");
    }
  }

  #text {
     animation: flickering 0.07s infinite;
  filter: var(--letter-shadow);
       text-shadow:  2px 2px 2px  black;
       
  }
  
  .svg-container {
    width: 0;
    height: 0;
    overflow: hidden;
  }
  
 #embaixo-imgarea {
    width: auto;
    height: 167px;
    background: white;
    margin: 10px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 3px inset #00000022;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 3px solid white;
}

#pfp-low {
  height: 292px;
    width: auto;
    margin-top: px;
    background: white;
    position: relative;
    border-top: 4px solid white;
    box-shadow: 0px 0px 3px inset #00000022;
    position: relative;
}

#stuff {
  width: 80%;
    margin-right: 70px;
    margin-top: 10px;
    padding: 6px 10px;
    box-shadow: 0px 0px 4px inset white, 0px 0px 4px inset white, 0px 0px 4px inset white, 0px 0px 4px inset white, 0px 0px 3px #00000022;
    border: 1px solid #4545ff;
    background: white;
}

#stuff mark {
  display: inline;
    margin: 3px;
    color: #fff;
    font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
    background: #ff7fbf33;
    font-weight: 600;
    text-shadow: 1px 1px 0px #ff7fbf66, -1px -1px 0px #ff7fbf66, -1px 1px 0px #ff7fbf66, 1px -1px 0px #ff7fbf66, 0px 0px 1px #ff7fbf66, 0px 0px 1px #ff7fbf, 0px 0px 1px #ff7fbf66, 0px -1px 1px #ff7fbf66, 2px 1px 1px #ff7fbf66, 0px 1px 1px #ff7fbf66;

}

a {
   font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
  font-size: 12px;
  color: hotpink;
}

.plan ul {
    margin-top: 0px;
    list-style-type: none;
    padding: 10px;
    margin-bottom: 0px;
    margin-top: -15px;
    max-height: 80px;
}


.plan li {
    
    color: #7FFF30;
    font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
    font-size: 12px;
    border-bottom: 1px dashed #FFAD21;
    margin-bottom: 2px;
    
}

.plan li a {
    
    color: hotpink;
    font-family: "RussianGothic", "MS UI Gothic", "NEC_APC3", Tahoma;
    font-size: 12px;
    border-bottom: 1px dashed #FFAD21;
    margin-bottom: 2px;
    
}

marquee {
 
  margin-top:33px;
  width: 250px;
  margin-left: 10px;

img {
  width: 90px;
  height: 90px;
  border: 1px solid #4545ff;
  
}
}
#imagi {
 width: 250px;
 margin-top: 19px;
 

}