a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

.iiii
{
  font-size: 160%;
}
.mainsection
{
    padding: 30px;
  border: 2px solid black;
  border-radius: 20px;
  width:40%;
  margin:20px 30%;
  overflow: auto;
  height: 86vh;
  position: relative;
}
#det
{
  padding: 20px 0px;
}
#container
{
 clear: both;
font-weight: 450;
font-size: 150%;
}








@media only screen and (min-width: 600px) and (max-width: 1150px)
{
  .mainsection
  {
    padding:20px;
  }
  #container
  {
    font-size: 135%;
  }
}



@media only screen and (min-width: 600px) and (max-width: 900px)
  {
.mainsection{
  width: 50%;
  margin: 20px 25%;
    padding: 20px;
  }
}


/* @media only screen and (max-width: 1000px){
 #container img{
width: 100%;
 }
} */
@media only screen and (max-width: 600px)
{
  .iiii
  {
    font-size: 130%;
  }
  .mainsection
{
  border: 2px solid black;
  border-radius: 20px;
  width:90%;
  margin:10px 5%;
  overflow: auto;
}
  #container
{
 clear: both;
font-weight: 450;
font-size: 112%;
}	    
}
@media only screen and (max-width: 440px)
 {
    .mainsection
    {
  padding: 8px;
  border: 2px solid black;
  border-radius: 20px;
  width:90%;
  margin:10px 5%;
  overflow: auto;
    }
      #container
   {
     clear: both;
  font-weight: 450;
  font-size: 112%;
   }   
   #container img{
    width: 100%;
    }
}

.tt
{
    color: black;
    border-radius: 10px;
    border-color: aqua;
    padding: 5px 10px;
    margin: 8px 2px;
}