body {
    background-color: rgb(11, 5, 5);
}



h1 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #e20000;
    word-spacing: 30%;
}

h1:hover {
    color: #e20000;
}

h2 {
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color:rgb(226, 0, 0);
    font-size: 50px;
    font-style: bold;
    letter-spacing: 0cm;
}

p {
    color:rgb(226, 0, 0);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 21px;
    padding-left: 300px;
    padding-right: 300px;
    letter-spacing: 0.04cm;
    word-spacing: 10%;
}

body {
    color:rgb(226, 0, 0);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 21px;
    padding-left: 100px;
    padding-right: 100px;
    letter-spacing: 0.04cm;
    word-spacing: 10%;
}

.image {
 width: 100%;
  height: 100%;
  object-fit:contain;
  max-width: 1200px;
  margin:10px auto center;
 padding-left: 0%;
 padding-right: 0%;
}

.icon {
    word-spacing: 10%;
}

li {
    color:white;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 21px;
    padding-left: 200px;
    padding-right: 200px;
}

h3 {
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color:rgb(226, 0, 0);
    font-size: 30px;
    font-style: normal;
    letter-spacing: 0cm;

}

.fade-in {
    opacity: 1;
    animation-name: fading;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.9s;
}

@keyframes fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.zooming img{
   transition: 0.5s ease;
}

.zooming img:hover {
    transform: scale(1.2);
    z-index: 10;
}

.title {

  position: relative; 
  width: 1190px; 
  height: 400;
}

.gif-background {
 position: absolute center;
  width: 100%;
  height: 100%;
  display: block;
}

.overlay-image {
 
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; 
}