body {
  background:black;
  background-image:url('../images/ninjagofanlisting-Untitled622_20250318181218.jpeg');
  padding:0;
  background-repeat:no-repeat;
  background-size:100% 114%;
  font-family:'pixeltype';
  font-size:28px;
  }
 footer {
  padding-top:1px;
   position:fixed;
   bottom:0;
font-size:24px;
   color:gray;
   background:black;
   width:100%;
   text-align:center;
   height:15px;
   } 
main{
  width:550px;
  height:800px;
box-shadow: 10px 10px 10px white;
  margin:auto;
  background:white;
border-left:#08b4fd 4px solid;
border-bottom:black 10px solid;
border-top:white 4px solid;

border-radius:100px 100px 10px 100px;
  }
header {
height:200px;
  width:600px;
 
  }  
  header img { pointer-events:none;
     margin-top:-30px;
    margin-left:-210px;
    position:absolute; 
  width:800px;
  }
  
/*-------links---------------------------------------------- */ 
  
  #nav {position:absolute;
    margin-left:328px;
    margin-top:52px;
      transform:  skew(-7deg, -10deg);
    }
  #nav a { filter:drop-shadow(-0.5px 0.5px 1px black) drop-shadow(0 1px 1px black)drop-shadow(1px 1px black)   drop-shadow(0 1px 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 -1px 0 white)  ;
    font-size:28px;
    font-family:impact;
    color:white;
    text-decoration:none;
    }
      #info span {
        color:red;
        } 
        
        #codes {
     position:absolute;  
    margin-top:-18px;
      margin-left:60px;
      }
      
      #codes span {
        color:#08b4fd;
        }
        
    #join { position:absolute; 
      margin-top:-6px;
            margin-left:20px;
      }
      #join span {
        color:#d0d0d0;
        }
   
 #home {
    position:absolute; 
      margin-top:-13px;
            margin-left:80px;
   }
   
   #home span  {
     color:#09ff37;
     }
  #fans { 
  margin-top:3px;
     margin-left:0px;
    }
    
    #fans span {
      color:#919191;
      }
    #fans b  {
      font-size:28px;
    font-family:'lastninja';
    color:white;
      font-weight:lighter;
      
      }
      
     
      
      #rights{ margin-top:5px;
       
        font-weight:lighter;
      margin-left:200px;
      color:black;
      text-align:right; 
      font-family:'pixeltype';
      font-size:16px;
     }
     
/*-------content---------------------------------------------- */ 

 #realshit {
padding-top:65px;

   height:510px;
   } 
  
      
   iframe {padding:none;
     border:none;
     border-radius:0px 0px 10px 100px;

     }   
      
      
      @media only screen and (max-width: 800px) {
  body {padding-left:130px; background-image: url('../images/ninjagofanlisting-Untitled630_20250401132939.jpeg');background-position: 0px 0px; }
  main {height:1000px; width:560px;}
  footer {left:0;}
  iframe {width:520px; height:700px;}
  }