li {
  font-family: "Fredoka", sans-serif;
  font-size: x-large;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 90;
}

a {
    color: royalblue;
    text-decoration: none;
}

.price-cheap {
    color: red;
    text-decoration: none;
}

.price-mid {
    color: orange;
    text-decoration: none;
}

.price-expensive {
    color: green;
    text-decoration: none;
}

.price-pwyw {
    color: blueviolet;
    text-decoration: none;
}

.price-font{
  font-family: "Fredoka", sans-serif;
  font-size: medium;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


p{
  font-family: "Fredoka", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

h1 {
  font-family: "Fredoka", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 150;
}

h2 {
  font-family: "Fredoka", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 125;
}

body {
    text-align: center;
    padding: 10%;
    margin: auto;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.card {
    background-color: ghostwhite;
    border-radius: 24px;
    padding: 1dvh;
    margin-bottom: 1vh;
}