@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
/* rgb(227 134 181) */

  .upT{  transition: 2s;  opacity: 0;}.downT{  transition: 2s;  opacity: 1;}
  p{   max-width: 800px; margin-right: auto; margin-left: auto;}
  .nlez{  text-transform: uppercase;   font-size: 18px;   color: #490012;  display: inline;   padding-right: 10px;}
  .pad{  padding: 6vw;}

  .title2, .title{
    font-weight: 500; font-size: 20px; color: rgb(121, 56, 115);
    padding: 40px 0px 16px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
  }
  .title{text-transform: none;
    font-family: 'Courgette', cursive; font-weight: 400; }
  li{  padding: 5px 0px;}
  .title2{text-align: center;height: 220px;font-size: 18px;  
    padding: 05px 5px;  font-weight: 600;  
    color: rgb(136, 5, 125);}
  .gridGood{  display: grid;  grid-template-columns: 50% 50%;}
  .littleimg{  margin: auto;  display: block;}
  .MainText{
    font-size: 9vw;
    color: rgb(73, 0, 67);
    text-shadow: 0px 0px 8px rgb(255, 224, 194), 
    1px 1px 2px rgb(255, 232, 205),
     -1px -1px 2px rgb(255 255 255); font-family: 'Courgette', cursive;
  }


  .sec1{background: rgb(252, 226, 192);  background: #ffe7f0; }
  .otherImage{width: 100%;  max-width: 450px;  display: block;  
    margin: auto;  margin-top: 40px;  margin-bottom: 5px; border-radius: 8px;}
  .sectio{  display: block;  padding: 0px 30px;  
    padding-bottom: 50px;  padding-top: 20px;}
  .sec2{opacity: 1;}
  .hide7{  display: block;}
  .unhide7{  display: none;}
  .half{ float:left;  width:100%  }
    @media (min-width:650px) {
      .MainText{
        font-size: 60px;
      }
      .pad{
        padding: 35px;
      }
    }
    @media (max-width:400px) {
      .title{
        font-size: 23px;
      }
    }
    @media (max-width:350px) {
      .title2{
        font-size: 15px;
      }
    }
    @media (min-width:700px) {
      .MainText{
        font-size: 60px;
      }
      .sec2{
        max-width: 550px;
        margin:60px ;
        margin-right: 8%;
        margin-left: 2%;
      }
      .sectio{
        display: flex;
        max-width: 1200px;
        margin: auto;
        padding: 0px 30px;
      } 
      .hide7{
        display: none;
      }
      .unhide7{
        display: block;
      }
      
    }
    @media (min-width:1000px) {
      
      .half{
        float:left;
        width:50%
      }
      
      .MainText{
        font-size: 60px;
      }
    }

    .im{
  object-fit: cover;
object-position: 80%;
height: auto;
}

.imte{display: block; margin: auto;}
.flex6{display: block; max-width: 1000px ;margin: auto;}
.col{color: rgb(197 0 138);}
.tit{text-align: center;font-size: 22px; font-family: 'Courgette', cursive;}
.corso{ max-width: 270px; padding: 12px;margin: auto; background: #fcf1ff; border-radius: 10px;border: 1px solid rgb(194, 0, 233);}
.ex{padding: 0px; font-size: 13px; color: #464646; ;font-family: 'Courgette', cursive;}
li{padding: 1px;font-size: 14px;font-family: 'Lato',  monospace;}
.dc{font-weight: 500;color: rgb(68, 68, 68); font-size: 20px;}
.lezm{width: 205px; margin: auto; margin-top: 16px; padding-bottom: 10px;}
.tl{padding-left: 5px; font-size: 16.5px; font-weight: 500;color: rgb(118, 0, 133);
font-family: 'Segoe UI', Tahoma, Verdana, sans-serif,  monospace;} 
.uu{margin-top: 2px;}
.c{font-size: 30px; text-align: center;}
.nd{padding: 14px;}
.ff{color: black; font-size: 14px;}
.quest{font-size: 14px; color: rgb(197 0 138);; font-weight: 600; padding-top: 15px; padding-bottom: 4px;padding-left: 10px;}
fieldset {display: block;margin: 20px auto;padding: 10px;border: 0;border: 1px solid purple;/* background: #ffd6d64f; */border-radius: 8px;}
legend {  display: table;  min-width: 0px;  padding: 5px 20px;  font-size: 14px;  text-align: start;color: purple;}
.l2{text-align: center; font-size: 17px;}
.hh{height: 40px;}.dd{font-size: 14px ; padding-top: 10px; text-align: justify;}
.plu{margin: auto; display: block; color: rgb(197 0 138);; font-size: 30px; margin: 5px;}
.li::before { content: "\f005"; font-family: "Font Awesome 5 Free";}
th{text-align: start; font-weight: 400;}
.lele{max-width: 270px; margin: auto;}
.d{transform: translateY(16px);}
.f2{max-width: 300px; margin: 20px auto;}
.m50{height: max-content;max-width: 400px; margin: auto; }
.mm{max-height: 200px;}
@media (min-width:600px) {
.flex6{display: flex;} 
.imte{display: table;}
.otherImage{ margin-top: 0px;width: 33%; }
.quest{padding-top: 0px;}
.m50{padding: 0px 15px;}
.col{font-size: 35px;}.quest{font-size: 19px;}.ff{font-size: 16px;}
}