body {
    font-family: "Winky Rough", sans-serif;
    margin: 0;
    background-image: url(pics/studiobg.jpg);
    background-size: cover;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.cherry-swash-bold {
  font-family: "Cherry Swash", serif;
  font-weight: 700;
  font-style: normal;
}
.wrapper {
    display: flex;
    gap: 3vw;
    margin: 4vw 10vw 4vw 10vw;
    background-color: whitesmoke;
    padding: 3vw;
    border-radius: 1vw;
}
.wrapper img {
    width: 13vw;
    border-radius: 1vw;
}
h1, h2 {
  font-family: "Cherry Swash", serif;
}
h3 {
  color:rgb(255, 255, 255)
}
header {
  margin: 0;
  background-color: rgb(108, 185, 197);
  padding: 1vw;
  text-align: center;
  
}
p {
      max-width: 75ch;
      line-height: 1.3em;
}
#randomBtn {
    display: block;
    margin: auto;
    max-width: 400px;
    border: none;
    border-radius: 1vw;
    font-size: 1vw;
    padding: 1vw;
    box-shadow:  0 4px 10px rgb(0, 0, 0);

    font-family: "Cherry Swash", serif;
    &:hover {
      background-color: rgb(108, 185, 197);
      transition: 300ms;
      cursor: pointer;
    }
}