#mainsection{

  background: antiquewhite;
  width: 96%;
  height: auto;

  margin: 11% 2% 4% 2%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  border-radius: 1.2rem;
  box-shadow: 0 0 1.2rem rgb(91, 91, 91);

  position: relative;
  z-index: 1;
}

#title{
  width: 94%;
  margin: 1.5rem 1rem ;
  padding: 1rem;

  font-family: 'Raleway', 'Arial', sans-serif;
  font-size: clamp(2rem, 5vh, 5rem);

  background: linear-gradient( 60deg, rgba(101, 236, 178, 0.4), rgba(31, 225, 31, 0.4));;
  backdrop-filter: blur(0.9rem);
  -webkit-backdrop-filter: blur(0.9rem);

  border-radius: 0.8rem;
  box-shadow: 0 0 0.5rem rgb(107, 107, 107);
}


.presentationtext{
  

  text-align: justify;

  padding: 1rem 3rem 2.5rem 3rem;
  margin: 0 2rem 6rem 2rem;
  width: 90%;

  font-family: 'Trebuchet MS', Arial, sans-serif;
  font-size: clamp(1rem, 6vw, 2rem);

  z-index: 3;

  background-color: bisque;
  box-shadow: 0 0 10px inset black;
  border-radius: 30px;
}

@media only screen and (max-width: 1440px) and (min-width: 784px){

  #mainsection{

    margin: 18% 2% 2% 2%;
  }


  #title{

    font-size: clamp(0.6rem, 6vw, 2rem);
  }

  .presentationtext{
  
    padding: 1rem 1.2rem 1.2rem 1.2rem;
    width: 90%;

    font-size: clamp(0.6rem, 2.2vw, 2rem);
  }
}

@media only screen and (max-width: 784px) and (min-width: 425px){

  #mainsection{

    box-shadow: none;
    margin: 27% 2% 2% 2%;
    background: none;
  
  }

  #title{
    background-color: bisque;
    font-size: clamp(0.6rem, 6vw, 2rem);
  }

  #blur{
    width: 110%;
  }

  .presentationtext{
  
    padding: 1rem 3rem 2.5rem 3rem;
    width: 90%;

    font-size: clamp(0.6rem, 3vw, 2rem);

    box-shadow: none;
    border-radius: none;
  }
} 

@media only screen and (max-width: 425px){
  #mainsection{

    box-shadow: none;
    margin: 55% 2% 2% 2%;
    background: none;
  
  }

  #title{
    background-color: bisque;
    font-size: clamp(0.6rem, 6vw, 2rem);
  }

  #blur{
    width: 110%;
  }

  .presentationtext{
  
    padding: 1rem 3rem 2.5rem 3rem;
    width: 90%;

    font-size: clamp(0.6rem, 3vw, 2rem);

    box-shadow: none;
    border-radius: none;
  }
}