* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    background-color: pink;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
}

h1 {
    font-family: Tangerine-Bold;
    font-size: 40px;
}
.enter {
    font-family: EB Garamond;
    font-size: 20px;
}
#submit-btn {
    background-color: yellow;
    padding: 0.2rem;
    border-radius: 20px;
    border: none;
    font-family: Tangerine-Regular;
    font-size: 20px;
}
.version {
    color: #226475;
}

#submit-btn:hover {
    cursor:pointer;
}
.response {
    font-family: Tangerine-Bold;
    font-size: 25px;
}

@font-face {
   font-family: "Tangerine-Regular";
  src: url("./fonts/Tangerine-Regular.ttf");
  format:("ttf");
  }
  @font-face {
    font-family: "Tangerine-Bold";
    src: url("./fonts/Tangerine-Bold.ttf");
    format:("ttf");
  }
   @font-face {
    font-family: "EB Garamond";
    src: url("./fonts/EBGaramond.ttf");
    format:("ttf");
  }