@font-face {
  font-family: Kamryn Italic;
  src: url(fonts/kamrynitalic.ttf);
}


body {
  background-image: url(fleurswebsite.jpg);
  background-repeat: no-repeat;
  background-size: 150%;
  background-attachment: fixed;
  background-position: center;
  margin: 0;
  padding: 0;
  }


#title-div{
  font-family: 'Kamryn Italic', serif;
  font-size: 5rem;
  color: rgb(239, 219, 240);
  display:flex;
  align-items: flex-start;
  justify-content:center;
  width: 100%; 
  align-items: center;
  

}

#links{
  background-color: rgba(244, 181, 255, 0.5);
}

#heart{
margin-top: 15px;
}
ul {
  display: flex;
  gap: 1rem;
}

@layer presentation {
  body {
    background: khaki;
    display: grid;
    height: 100vh;
    place-items: center;
  }
  
  ul {
    border: 1px solid black;
    border-radius: 8px;
    padding-inline: 0;
    padding: 1rem;
    background-color: rgba(255, 197, 197, 0.804);
  }
  
  li {
    list-style: none;
    
    a {
      color: black;
    }
  }
}