@media (max-width: 768px) {
  html, body {
      width: 100%;
      font-size: 14px;
      margin: 0;
      padding: 0;
      line-height: 1.4;
  }
  
  body {
      width: 80% !important;
      margin-left: auto !important;
      margin-right: auto !important;
  }
}

    @font-face{
        font-family: mom;
        src: url("https://files.catbox.moe/d872w5.ttf")
    }
    
    @font-face {
        font-family: magazine;
        src: url("https://files.catbox.moe/lav890.ttf")
    }
    
  body {
      display: block;
    background-image: url(https://files.catbox.moe/4zu10w.jpg);
    background-size: cover;
    background-position: center;
    line-height: 1.5;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    color: black;
  }
    
  h1 {
    font-family: magazine; 
    text-align: center;
    font-size: 50px;
  }

    h4 {
        font-family: mom;
        letter-spacing: 3px;
        font-style: italic;
    }
    
  p {
    font-family: mom;
  }
    
  a {
    font-family: mom;
      text-decoration: underline;
      font-style: italic;
      color: black;
  }
  a::visited {
      color: grey;
      font-style: italic;
  }
    
  header img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  
  .cover {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

form {
  gap: 10px;
  margin-top: 20px;
  font-family: mom;
}

input {
  padding: 8px;
  font-size: 14px;
  font-family: mom;
}

input::placeholder {
    font-style: italic;
}

button {
  padding: 8px 12px;
  cursor: pointer;
  font-family: mom;
  background-color: grey;
}