index.css

@font-face {
    font-family: 'AppleGaramond-Light';
    src: url('./fonts/AppleGaramond-Light.ttf');
  }
  @font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter_18pt-Medium.ttf');
  }

section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  background: url('background6.jpg') no-repeat center;
  background-size: cover;
}

.greyBG {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 60%; 
    height: 100%; 
    background: rgba(45, 54, 65, 1); 
  }
  
  .navbar {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 60px; 
    background: rgba(76, 84, 94, 1);
    border-radius: 10px; 

  }

  .side-text {
    position: absolute;
    top: 20%; /* Center vertically */
    right: -5%; /* Place near the right edge */
    max-width: 40%; /* Prevent the text from stretching too far */
    color: white; /* White text */
    font-size: 2rem; /* Large font size */
    line-height: 1.5; /* Better spacing between lines */
    text-align: left; /* Align text to the left */
    z-index: 10; /* Ensure it stays on top of other content */
  }
  
  .side-text strong {
    font-size: 2.5rem; /* Even larger font for the word "dire" */
  }
  
  .side-text em {
    font-style: italic;
    color: #ccc; /* Slightly lighter color for 'adjective' */
  }