@font-face {
    font-family: 'bluescreen';
    src: url(fonts/Bluescreen.ttf);
}
@font-face {
    font-family: 'punks';
    src: url(fonts/Bluescreen.ttf);
}
@font-face {
    font-family: 'silkscreen';
    src: url(fonts/slkscr.ttf);
}

html{

 
          
        
           
            background: url(../other/quilt.jpg) repeat;
            background-size: 400px 400px; 
            color: #fff;
            animation: bg-scrolling 60s linear infinite;
           
   
    font-family:silkscreen;
}
  @keyframes bg-scrolling {
            from {background-position: 0 0;}
              to {background-position: 110% 110%;}
        }
.main{
float:left;
background-color: rgb(32, 17, 43);
width: 500px;
height:350px;
margin-top:0px;
border-color:rgb(54, 30, 70);
border-style:groove;
border-right-width:10px;
border-left-width:0px;
border-bottom-width:10px;
border-top-width:0px;

}
.nav{
float:right;
background-color: rgb(32, 17, 43);
width:290px;
height:635px;
margin-bottom:0px;
margin-top:0px;
}
.ipods{
background-color:coral;
width:600px;
height: 250px;
margin-top:0px;
margin-left:50px;
}
.stamp{
background: linear-gradient(0deg,rgba(84, 18, 112, 1) 0%, rgba(255, 184, 245, 1) 100%);
width:800px;
margin-top:-1px;
height:60px;
border-top-width:10px;
border-style:groove;
border-color: rgb(54, 30, 70);
border-bottom-width:10px;
border-right-width:0px;
border-left-width:0px;
   

}
.home{
    background-color: rgb(32, 17, 43);
    width: 800px;
    height:1250px;
    float:center;
    border-width:7px;
    border-color:rgb(54, 30, 70);
    border-style:groove;
    margin-left:8px;
    margin-top:8px;
}
.banner{

    width: 800px;
    height:200px;
    border-bottom-color:rgb(54, 30, 70);
    border-bottom-width:10px;
    border-bottom-style:groove;
    margin-bottom:-4px;
    
filter:sepia(   0%) hue-rotate(0deg) saturate(1);
}
.info{
    width:500px;
    height:275px;
    background-color:rgb(32, 17, 43);
    margin-bottom:0px;
    overflow:scroll;
    border-right-width:10px;
    border-style:groove;
    border-color:rgb(54, 30, 70);
    border-left-width:0px;
    border-bottom-width:0.1px;
    border-top-width:0px;
}

.bum{
    
    display:flex;
}


img{

filter:sepia(100%) hue-rotate(250deg) saturate(3);
}


.whitekid{
    filter: brightness(50%) sepia(100) saturate(3) hue-rotate(250deg);
}

.fat{
float:right;
background-color:rgb(54, 30, 70);
width:290px;
height:635px;
margin-bottom:0px;
margin-top:310px;
margin-left:60px;
border-width:10px;
border-color:rgb(54, 30, 70);
border-style:groove;
}
.wall{
    background-image:url('../other/thetumb.png');
    
    width: 830px;
    height: 1280px;
    margin-left:500px;
       border-width:10px;
    border-color:rgb(54, 30, 70);;
    border-style:groove;
    margin-top:100px;
    margin-bottom:100px;
    box-shadow: 0px 0px 50px 24px rgba(0,0,0,0.73); 
box-shadow: 0px 0px 50px 24px rgba(0,0,0,0.73);
float:center; }

.norm{filter:sepia(   0%) hue-rotate(0deg) saturate(1);}
p{
    margin-left:20px;
}
h2{
    color:rgb(246, 143, 255);
    text-align:center;  
}
.minichacho{

    margin-left:40px;
    list-style-type:square;
    color:rgb(194, 99, 202);
}