body{

    background-image: url(../images/nightgrass.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: black;
    background-attachment: fixed; 
}

.container{


    
    height:600px;
    width:600px;  
    position:absolute;
    display:flex; 
    justify-items: center;  
    align-items:center;
    padding:100px; 
    top:50%;                                           
    right:50%;  
    left:50%;             
    bottom:50%;           
    margin-top: 30px;                              
    transform: translate(-50%, -50%);
}


.intro{

    height:300px;
    width:300px;   
    top:30%;
    left:55%;      
    position:absolute;
    display:flex; 
    background-image: url(../images/yellowpaper.jpg);
    background-position: center;
    padding:10px;
    transition:0.3s; 
    transform: rotate(5deg); 
    filter:drop-shadow(10px 10px 8px rgb(7, 6, 6)); 
    

}

.intro:hover{ 

    transition:0.3s;     
    transform: rotate(0deg);
    filter:drop-shadow(10px 10px 8px rgb(7, 6, 6));   
    
  
}