*{
    margin: 0;
    padding: 0;
}
body{
    background-image: url(./imagens/anime_wallpaper_attempt__update__by_randyadr-d88kgx3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    backdrop-filter: blur(1.5px);
    background-attachment: fixed;
    box-shadow: inset 0 0px 70px 50px rgba(0, 0, 0, 0.801);
    min-height:17730px;
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    background-color: black;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
} 

header{
    background: linear-gradient(rgba(25, 0, 255, 0.932),rgb(0, 0, 0));
    position: relative;
    min-height: 113px;
    max-height: 113px;
    flex:1;   
}

 main{
    height: 76vh;
 }
 #rem{
   height: 112px;
   position: fixed;
   left: 0;
   top: 0;
   
 }

 #remv{
   height: 112px;
   position: fixed;
	left: 0px;
	top: 0px;
   opacity: 0;
   transition: 1.5s;
 }

#remv:hover{
opacity: 1;

}

#balao{
   transform: scaleX(-1);
   width: 500px;
   height: 100px;
   position: absolute;
   left: 110px;
   top: 0;
}

#avisorem {
   position: absolute;
   left: 169px;
   top: 20px;
   word-wrap: break-word;
   width: 400px;
   font-family: 'Velvet Mango', cursive;
   
}

h1 {
   color: rgb(255, 238, 5);
   text-shadow: 0px 10px 8px rgb(0, 0, 0);
   font-size: 50px;
   -webkit-text-stroke-width: 0.4px;
  -webkit-text-stroke-color: rgba(255, 94, 0, 0.87);
  font-family: 'Black Han Sans', sans-serif;
  position: relative;
  top: 30px;
  left: 30px;
  text-align: center;
}

#tp{
   color: rgb(0, 177, 80);
   -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: rgb(3, 75, 41);;
   font-size: 70px;
   width: 900px;
   height: 112px;
   position: fixed;
   left: 1400px;
   top: 20px;
   word-wrap: break-word;
   width: 500px;
   text-indent: 0.9em;
   font-family: "Metal Mania", system-ui;
   line-height: 0.5;
}

#thresh{
   transform: scaleX(-1);
   width: 120px;
   height: 112px;
   position: fixed;
   left: 1740px;
   top: 0;
   transition: opacity 0.2s;
}

#serio:hover + #thresh{
   opacity: 0;
}

#serio{
   transform: scaleX(-1);
   width: 150px;
   height: 112px;
   position: fixed;
   left: 1710px;
   top: 0;
   opacity: 0;
   z-index: 10;
   transition: opacity 0.2s;
}

#serio:hover{
   opacity: 1;
}


nav{
    background: linear-gradient(rgb(0, 2, 7),rgb(87, 8, 8));
    position: relative;
    
}

.menu{
    color: rgb(212, 200, 20);
    -webkit-text-stroke-width: 0.4px;
    -webkit-text-stroke-color: rgba(255, 153, 1, 0.712);
    
    font-size: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

#comeco{
    order: 2;
}

#comeco a{
    color: rgb(252, 206, 4);
    text-decoration: none;
}

#comeco a:hover{
    color: rgb(185, 151, 0);
}

.olhogd{
    display: flex;
    gap: 20px;
    align-items: center;
}

#animes{
    order: 4;
}

#animes a[aria-current="page"]{
  color: rgb(255, 102, 0);
    -webkit-text-stroke-width: 0.4px;
    -webkit-text-stroke-color: rgba(68, 68, 68, 0.795);
}

#animes a{
    color: rgb(252, 206, 4);
    text-decoration: none;
}

#animes a:hover{
    color: rgb(196, 78, 0);
}

.mjd{
    display: flex;
    gap: 20px;
    align-items: center;
}

#jogos{
    order: 6;
}

#jogos a{
    color: rgb(252, 206, 4);
    text-decoration: none;
}

#jogos a:hover{
    color: rgb(185, 151, 0);
}

.sjd{
    display: flex;
    gap: 20px;
    align-items: center;
}

#olhog{
   position: absolute;
   margin-left: -170px;
   display: flex;
   order: 1;
   width: 160px;
   height: 40px;
   opacity: 0;
   transition: opacity 0.9s;
}

#comeco:hover + #olhog {
   opacity: 1;
}

#mj{
   position: absolute;
   margin-left: -170px;
   display: flex;
   order: 3;
   width: 160px;
   height: 40px;
   opacity: 0;
   transition: opacity 0.9s;
}

#animes:hover + #mj{
   opacity: 1;
}

#sj{
   position: absolute;
   margin-left: -170px;
   order: 5;
   width: 160px;
   height: 34px;
   opacity: 0;
   transition: opacity 0.9s;
}

#jogos:hover + #sj{
   opacity: 1;
}

main{
   flex: 1;
   width: 1300px;
   background-color: rgba(27, 27, 27, 0.970);
   margin: auto auto;
   box-shadow: inset 0 0px 70px 50px rgba(0, 0, 0, 0.87);
}
html body {
   height: 2000%
}

div {
   color: rgb(255, 255, 255);
}

#h2 {
display: flex;
color: rgb(0, 0, 0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(178, 235, 72, 0.87);
font-size: 35px;
margin-top: 30px;
padding-left: 20px;
font-family: 'Black Han Sans', sans-serif;
}


#oq{
   display: flex;
   text-indent: 1em;
   width: 600px;
   word-wrap: break-word;
   margin-top: 100px;
   padding-left: 20px;
   font-size: 20px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#his{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#gatana{ 
   width: 600px;
   height: 250px;;
   position: absolute;
   margin-top: 30px;
   padding-left: 650px;
}

#gatanat{
   color: rgb(170, 170, 170);
   position: absolute;
   margin-top: -5px;
   padding-left: 850px;
   font-size: 13px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}
#lista{
   display: flex;
   color: rgba(0, 0, 0, 0.932);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgb(8, 12, 255);
   font-size: 40px;
   margin-top: 50px;
   padding-left: 300px;
   font-family: 'Black Han Sans', sans-serif;
}

#espli{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#a32 {
   font-size: 37px;
   color: rgb(238, 255, 0);
   -webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: rgba(231, 52, 52, 0.514);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#o32{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#i32{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u32{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a31 {
   font-size: 37px;
   color: rgb(218, 44, 102);
   -webkit-text-stroke-width: 0.5px;
   -webkit-text-stroke-color: rgba(238, 255, 0, 0.651);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i31{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o31{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u31{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a30 {
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgba(218, 44, 102, 0.89);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i30{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o30{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u30{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a29 {
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgba(255, 0, 0, 0.89);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i29{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}


#o29{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u29{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a28 {
   font-size: 37px;
   color: rgb(255, 102, 0);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgba(110, 35, 3, 0.616);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i28{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o28{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u28{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a27{
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgba(255, 0, 0, 0.89);
   margin-top: 90px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i27{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o27{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u27{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a26 {
   font-size: 37px;
   color: rgb(255, 230, 0);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgba(207, 117, 0, 0.808);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i26{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o26{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u26{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a25 {
   font-size: 37px;
   color: rgb(255, 8, 0);
   -webkit-text-stroke-width: 4px;
   -webkit-text-stroke-color: rgba(26, 24, 24, 0.541);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i25{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o25{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u25{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
   
}

#a24 {
   font-size: 37px;
   color: rgb(255, 196, 0);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgba(0, 153, 255, 0.459);
   margin-top: 50px;
   padding-left: 200px;font-family: 'Black Han Sans', sans-serif;
}

#i24{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o24{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u24{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a23 {
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 4px;
   -webkit-text-stroke-color: rgba(10, 10, 10, 0.678);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i23{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o23{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u23{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a22 {
   font-size: 37px;
   color: rgb(255, 230, 0);
   -webkit-text-stroke-width: 0.6px;
   -webkit-text-stroke-color: rgb(77, 75, 15);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i22{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o22{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u22{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a21 {
   font-size: 37px;
   color: rgb(255, 123, 0);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgb(112, 54, 0);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i21{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o21{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u21{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}


#a20 {
   font-size: 37px;
   color: rgb(0, 0, 0);
   -webkit-text-stroke-width: 1.5px;
   -webkit-text-stroke-color: rgb(255, 0, 0);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i20{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o20{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u20{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a19 {
   font-size: 37px;
   color: rgb(207, 207, 207);
   -webkit-text-stroke-width: 1.5px;
   -webkit-text-stroke-color: rgba(41, 87, 45, 0.89);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i19{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o19{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u19{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a18 {
   font-size: 37px;
   color: rgb(255, 115, 0);
   -webkit-text-stroke-width: 0.3px;
   -webkit-text-stroke-color: rgba(3, 226, 255, 0.89);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i18{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o18{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u18{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a17 {
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgba(22, 22, 22, 0.466);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i17{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o17{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u17{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a16 {
   font-size: 37px;
   color: rgb(0, 0, 0);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgb(255, 255, 255);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i16{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o16{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u16{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a15 {
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgb(197, 0, 0);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
   
}

#i15{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o15{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u15{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a14 {
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgb(168, 168, 168);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i14{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o14{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u14{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a13{
   font-size: 37px;
   color: rgb(13, 109, 199);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgb(0, 38, 255);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i13{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o13{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u13{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a12{
   font-size: 37px;
   color: rgb(0, 0, 0);
   -webkit-text-stroke-width: 1.4px;
   -webkit-text-stroke-color: rgb(141, 0, 0);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i12{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o12{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u12{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a11{
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 0.5px;
   -webkit-text-stroke-color: rgb(0, 212, 250);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i11{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o11{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u11{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a10{
   font-size: 37px;
   color: rgb(0, 0, 0);
   -webkit-text-stroke-width: 0.8px;
   -webkit-text-stroke-color: rgb(255, 255, 255);
   margin-top: 100px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i10{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o10{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u10{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a9{
   font-size: 37px;
   color: rgba(255, 1, 1, 0.904);
   -webkit-text-stroke-width: 1.5px;
   -webkit-text-stroke-color: rgb(0, 0, 0);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i9{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o9{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u9{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a8{
   font-size: 37px;
   color: rgba(255, 255, 255, 0.904);
   -webkit-text-stroke-width: 1.5px;
   -webkit-text-stroke-color: rgb(0, 162, 255);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
   word-wrap: break-word;
   width: 800px;
}

#i8{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o8{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u8{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}


#a7{
   font-size: 37px;
   color: rgba(255, 255, 255, 0.904);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgb(70, 156, 0);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i7{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o7{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u7{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a6{
   font-size: 37px;
   color: rgba(255, 255, 255, 0.904);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgba(255, 0, 0, 0.733);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i6{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o6{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u6{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a5{
   font-size: 37px;
   color: rgba(255, 255, 255, 0.904);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgba(255, 0, 0, 0.733);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i5{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o5{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u5{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a4{
   font-size: 37px;
   color: rgb(255, 166, 0);
   -webkit-text-stroke-width: 1.5px;
   -webkit-text-stroke-color: rgb(172, 57, 12);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i4{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o4{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u4{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}
#a3{
   font-size: 37px;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 0.5px;
   -webkit-text-stroke-color: rgb(170, 8, 235);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i3{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o3{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u3{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a2{
   font-size: 37px;
   color: rgb(253, 236, 0);
   -webkit-text-stroke-width: 0.6px;
   -webkit-text-stroke-color: rgb(252, 7, 7);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i2{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o2{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u2{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}

#a1{
   font-size: 40px;
   color: rgb(226, 228, 230);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgb(75, 92, 97);
   margin-top: 50px;
   padding-left: 200px;
   font-family: 'Black Han Sans', sans-serif;
}

#i1{
   text-indent: 1em;
   margin-top: 50px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#o1{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 720px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

#u1{
   width: 500px;
   height: 300px;
   position: absolute;
   margin-top: 0px;
   padding-left: 750px;
}




#final1 {
   font-size: 45px;
   color: rgb(0, 0, 0);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: rgb(18, 183, 233);
   margin-top: 50px;
   padding-left: 340px;
   font-family: 'Black Han Sans', sans-serif;

}

#RE{
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 0.5px;
   -webkit-text-stroke-color: rgb(170, 8, 235);
   font-family: 'Black Han Sans', sans-serif;
}


#final2{
   text-indent: 1em;
   margin-top: 25px;
   padding-left: 20px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 1250px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
}

 footer{
    background: linear-gradient(rgba(25, 0, 255, 0.932),rgb(0, 0, 0));
    position: relative;
    max-height: 200px;
   
   
   }


#remp{
position: absolute;
left: 0;
top: 0;
width: 126px;
}

#rempv{
position: absolute;
left: 0;
top: 0;
width: 126px;
opacity: 0;
transition: 1.5s;
}

#rempv:hover{
   opacity: 1;
}

#creditos{
   position: relative;
   text-align: center;
   text-indent: 1em;
   margin-top: 20px;
   padding-left: 150px;
   font-size: 20px;
   width: 1260px;
   word-wrap: break-word;
   width: 1500px;
   font-family: 'M PLUS Rounded 9c', sans-serif;
   color: rgb(255, 255, 255);
   -webkit-text-stroke-width: 0.4px;
   -webkit-text-stroke-color: rgb(6, 26, 204);
}