html, body {
    height:100% ;
    margin: 0;
    padding: 0;
}
body{
    background-color: rgb(44, 45, 79);
}
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300&family=Inter:wght@100&family=Pacifico&family=Raleway:wght@100&display=swap');
@font-face {
    font-family: "Fresh Lychee" ;
    src: url(fonts/Fresh-Lychee.ttf); 
  } 
  
  #wrap{
      background-color: rgb(235, 225, 202);
      width: 960px;
      margin: 0 auto;
      min-height: 100%;
  }
  h1{
      font-family: "Fresh Lychee";
      margin: 0;
      text-align: center;
      font-size: 54px;
      color: rgb(6, 7, 70);
  }
  h2{
      text-align: center;
      font-size: 35px;
      font-family: 'Raleway', sans-serif;
      color: rgb(6, 7, 70);
      margin: 20px;
      padding: 40px;
  }
  img.pict{
      width: 350px;
      height: 400px;
      margin:0 20px;
      float: left;
      border: solid rgb(235, 225, 202);
      border-radius: 20px;
  }
  p{
font-size: 20px;
font-family: 'Raleway', sans-serif;
color:  rgb(6, 7, 70);
text-align: justify;
margin: 20px;
  }
  .clear{
      clear: both;
  }
  li{
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    color:  rgb(6, 7, 70);
    text-align: justify;
    margin: 20px;
  }
img.pict1{
    width: 350px;
      height: 300px;
      margin:0 20px;
      float: right;   
      border: solid rgb(235, 225, 202);
      border-radius: 20px;
}
strong{
    font-family: 'Pacifico', cursive;
}
footer{
    background-color: rgb(33, 5, 72);
    border: solid rgb(33, 5, 72);
    border-radius: 20px;

}
footer, h3{
text-align: center;
font-size: 20px;
font-family: 'Raleway', sans-serif;
color:  rgb(255, 255, 255);
margin: 20px;
padding: 5px;
}