@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'poppins';
}

html,body {
    height: 100%;
    width: 100%;
      
  }

  header{
    padding: 1vw 0vw;

    width: 100%;
    height: 8vh;

  }

  header h1{

    text-align: center;
  }

  .main-content{
    padding: 1vw 10vw;

    
    width: 100%;
  }

  .section-div{
    width: 100%;
    height: 100%;
    border: solid grey;
    box-shadow: 1px 2px 8px grey;  
    margin: 2vw 0vw;
        

}

section{


    height: 100%;
    width: 100%;
    margin-bottom: 1vw;
    
}



.left-alg{
    text-align: left;
    width: 80%;
    padding-left: 2vw;
    
    
}

section h2{
    color: blue;
    text-align: left;
    margin-bottom: 1vw;
    margin-top: 1vw;
    
}

section p{

    width: 100%;
    height: 100%;
    text-align: justify;
    padding: 0vw 2vw;

}

section h3{
    color: rgb(168, 45, 43);
    text-align: left;
    margin-bottom: 1vw;
    margin-top: 1vw;
    
}

.img-div{
    padding-bottom: 1vw;
    padding-left: 2vw;
    height: 95vh;
    width: 76.7vw;


}

.img-div img{
    height: 100%;
    width: 100%;
}




@media (max-width: 480px) {
    main{

        height: auto;
        width: 100%;
    }

    header{
        padding: 1vw 0vw;
    
        width: 100%;
        height: 10vh;
    
      }

    
      header h1{
        font-size: 2em;
    
        text-align: center;
      }
    


    .section-div{
        width: 100%;
        border: solid grey;
        box-shadow: grey;
        align-items: center;
        margin-bottom: 3vw;


    }

    .main-content{
        padding: 2vw 3vw;
    
        height: 100%;
        width: 100%;
        
      }

      section{

        padding: 2vw 0vw;
      }
    

    section h2{

        font-size: 1em;
    }
    section p{
        
        font-size: 0.7em;
        text-align: none;
    }

    section h3{
        font-size: 0.9em;
    }
    .img-div{
        height: 43vh;
        width: 91vw;
    }

    .img-div img{
        height: 100%;
        width: 100%;
    }








    
}