utility.css

*{
    margin: 0px;
    padding: 0px;
} 
.min-h-screen{
    min-height: 100vh;
}
.mx-auto{
    margin-right: auto;
    margin-right: auto;
}
.flex{
    display: flex;
}
.items-center{
    align-items: center;
}
.justify-between{
    justify-content: space-between;
}
left{
    padding: 130px 50px 50px 50px;
    width: 50%;
    height: 50vh;
}
.toprightt{
    width: 50%;
    height: 50vh;
}
.section1{
    max-height:100vh;
}
.flex-col{
    flex-direction: column;
}
.my-1{
 margin-top: 13px;
 margin-bottom: 23px;
}
.px-2{
    padding-left: 13px;
 padding-right: 23px;
}
.text-blue{
   color: #009be6
}
.btn{
    font-size: larger;
     height: 35px;
    border: 3px solid white;
     /*padding: 4px 12px;*/
     padding: 1px;
     cursor: pointer;
     color: black;
     background-color: yellow;
      border-radius: 10px;
    }
 
.all-black{
    background-color: black;
    color: white;
}
.height{
    height: 50%;
    width:50%;
}
.overflow-hidden{
    overflow:scroll;
}
/*.logo{
    width:150px;
    align-self:center;
}*/
.logo2{
    width:75%;
    padding-left: 30px;
}
.logo3{
    width:25%;
}
.logo4{
    width:25%;
}
.text-center{
    text-align: center;
    
}
.navbar{ 
    position:sticky;
    top:0;
    align-items: center;
    display:flex;
    cursor: pointer;
}
.section{
    display:flex;
    align-items: center;
    justify-content: space-evenly;
    
}