body{
    background-color: blueviolet;
    font-family: sans-serif;
    margin: auto;
    padding: 0%;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select:none ;
    min-width: 280px;
    min-height: 635px;
    width: 100%;
    height: 100%;
    
   
}
.parents{
 display: flex;
 justify-content:center ;
 justify-items: center;
 align-items: center;
 align-content: center;
}
.container{
           
          display: grid;
          max-width: fit-content;
          max-height: fit-content;
          background-color: white;
          grid-template-columns:750px 354px ;
          grid-template-rows: 300px 300px 300px;
          grid-gap: 2px;
          /* min-width: fit-content; */
          border: black solid 1px;
          border-radius:25px ;
          width: auto;
          height: auto;
          
          

          
}


div.item{
    text-align: center;
    max-width:fit-content;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    /* min-width: 305px; */
    border:white 14px solid;
    overflow: hidden;
    font-family: sans-serif, Arial, Helvetica;
    background-color: #1847D7;
    border-radius: 25px;

    
    
}

div.item h1{
    color: beige;
    margin: 0%;

    
}
div.item p {
    color: #30A7D7;
}
.item2{
    float: right;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    overflow: hidden;
    font-family: sans-serif, Arial, Helvetica;
    text-align: center;
    border: white 14px solid;
    background-color: #DA471B;
    border-radius: 25px;
    

}
.item2 h3{
    margin: 0px;
    color: white;
}
.item2 p{
    margin: 8px;
    color: black;
}

ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
  padding-inline: 0;
  overflow: hidden;
  background-color:white;
  width: 100%;
 
 
}
#l2 {
    float: right;
    font-family: sans-serif;
}
#l2 a:hover{
background-color: #06cc59;
}
li a{
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    border-right: 4px solid white;
    margin: 0%;
}
li{
    float: left;
}
.active{
    background-color: #E6BC2F;
}
li a:hover{
    background-color: #1847D7;
}
.item3{
    border: white 14px solid ;
    overflow:hidden ;
    border-radius:25px ;
    background-color: #B38AEA;
}
.item3 img{
    float: left;
   
} 
.item3 h3{
    
    font-size:35px ;
    text-align: center;

}
.item4{
    border: white 14px solid;
    overflow: hidden;
    border-radius: 25px;
    text-align: center;  
    background-color: #DA471B; 
    
}
.item4 h2{
    margin: 0%;
    color: white;
}
.item5 {
    border: white 14px solid;
    overflow: hidden;
    border-radius: 25px;
    text-align: center;
    background-color: #E6BC2F;

}
.item5 h2 {
    color: white;
    margin: 0%;
}
.end{
    display: flex;
    background-color:#1F1F1F;
    gap: 30px;
    /* padding-left: 23%; */
    font-size: 25px;
    justify-content: center;
   
    
}
 .e1{
    color: white;
    text-align: center;
    margin-left:10px;
}
.e2{
    background-color: #1F1F1F;
    justify-content: space-evenly;
    width: auto;
}
.e2 img{
    
    margin-left: 10px;
    border: 10px solid #1F1F1F;
    border-radius: 300px;
   
}
.e3 {
    margin-left: 10px;
    text-align: center;
    color: white;
    background-color: #1F1F1F;
}