html {
    background-color:black;
}
     
body{

    background: linear-gradient(55deg, #000000 0%, #ffffff 85%);
    width:100%;
    z-index: -1;
   
}


h1{
    text-align:center;
}
p{
    text-align:center;
}
  
#one{
    height:1000000;
    background-image: url('https://codehs.com/uploads/6ad9e4e92a527963bd68306a792d88d1');
    background-repeat: repeat;
    background-size: 100%;
    z-index: 2;
    
}
#two{
    height:1000000;
    background-image: url('https://codehs.com/uploads/6ad9e4e92a527963bd68306a792d88d1');
    background-repeat: repeat;
    background-size: 100%;
    filter: invert(99%);
    z-index: 2;
}
#rat{
    display: block;
    width: 100%;
    height:100%;
  

    
    z-index: 0;
    
    position:fixed;
    left:25%;
    right:25%;
    top:25%;
    
     margin-right: auto;
  
    opacity:0;
}
#rubberroom {
    display: grid;
 align-items: center; 
 grid-template-columns: 0.2fr 1.6fr 0.8fr;
 
}
#rubber2 {
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
::-webkit-scrollbar {
    display: none;
}