body {
     background-color: #e0e0e0;
     
 
 }

.chessimg {
     width: 400px;
     
}

h1 {
     font-family: 'Playfair Display', serif;
     font-weight: 700;
     font-size: 3rem;
     font-variant: small-caps;
     color: #d3a15f;
   }
   
   h2 {
     font-family: 'EB Garamond', serif;
     font-weight: 600;
     font-size: 2rem;
     font-style: italic;
     color: #8b0000;
   }
   
   h3 {
     font-family: 'Alegreya SC', serif; 
     font-weight: 400;
     font-size: 1.5rem;
     letter-spacing: 0.1em;
     color: #312e2b;
   }
   
   p {
     font-family: 'PT Serif', serif; 
     font-weight: 400;
     font-size: 1.1rem;
     line-height: 1.6;
     color: #312e2b;
   }
   
  




/* setting up cards */
.row {
     display: flex;
     justify-content: space-between;
     margin-top: 3vw;
} 
 .card {
     flex-basis: 14%;
     flex-shrink: 0;
     border: 1px solid #c1b7b4;
     background-color: white;
     transition: transform 250ms;
     .card-image {
          overflow: hidden;
          img {
               width: 100%;
               transition: transform 800ms;
               display: block;
          }
     }
     .card-text {
          padding: 1.5em;
          h2 {
               line-height: 1.3;
               margin: 0;
          }
     }
     
}


#parallax {
     position: relative;
     height: 1000px;
 }
 .layer {
     position: fixed;
     background-position: bottom center;
     background-size: auto 100%;
     background-repeat: no-repeat;
     width: 100%;
     height: 1000px;
     will-change: transform;
    
     
 }
 #layer-0 {
     background-image: url('images/chesspara-bg.jpg');
     
     
    
    
 }
 #layer-1 {
     background-image: url('images/chesspara2.png');
     
     
 }

 .main {
     z-index: 10;
     position: relative;
     background-color: #e0e0e0;
     padding-top: 20px;
 }