@font-face {
    font-family: formula;
    src: url('Formula1-Bold_web_0.ttf') ,
    url('Formula1-Regular_web_0 (1).ttf');
}

body{
    font-family: formula;
    
}


.container{
    /* height: 120rem; */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-top: 20px; */
    /* margin-bottom: 200px; */
}

.heading{
    display: flex;
    flex-direction: column;
    width: 600px; 
    margin-bottom: 0px;
    padding: 0; 
    font-family: Roboto;
    font-weight: 500; 
}

.container h1{
    font-size: 60px;
    color: #006435;
    font-weight: 900;
   
}

.container p{
    font-size: 20px;
    margin-left: 100px;
    margin-right: 100px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 900;
}

.container .p1, .container .p3{
    /* animation: animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-fill-mode; */
    animation: slidetop 1s ease backwards;
    animation-delay: calc(.3s* var(--i));
}

.container img{
    margin-top: 4rem;
}

@keyframes slidetop{
    0%{
        transform: translateX(-200px);
        opacity: 0;
    }
    100%{
        transform: translateX(0);
        opacity: 1;
    }
}

.container .p2, .container .p4{
    animation: slideright 1s ease backwards;
    animation-delay: calc(.3s* var(--i));
}

@keyframes slideright{
    0%{
        transform: translateX(200px);
        opacity: 0;
    }
    100%{
        transform: translateX(0);
        opacity: 1;
    }
}


.container h1{
    animation: slidehead 1s ease backwards;
    animation-delay: calc(.3s* var(--i));
}

@keyframes slidehead{
    0%{
        transform: translateY(-200px);
        opacity: 0;
    }
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}

.d1{
  
    display: flex;
    flex-direction: column;
      align-items: center;
    margin-bottom: 70px;
}

.container h2{
    font-size: 35px;
    font-weight: 900;
}


.para{
    display: flex;
    flex-direction: column;
}
.para p{
   margin-bottom: 0px;
}

.award{
    height: 30rem;
}