body {
      margin: 0;
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background: url(./bg2.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      font-family: Netflix Sans, Helvetica Neue, Segoe UI, Roboto, Ubuntu,
            sans-serif;
      overflow-x: hidden;
}

.container {
      background: rgba(7, 76, 85, 0.632);
      padding: 20px;
      border-radius: 20px;
      box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.6);
      width: 60%;
      text-align: center;
      outline: none;
}

.heading {
      font-size: 350%;
      font-family: Netflix Sans, Helvetica Neue, Segoe UI, Roboto, Ubuntu,
            sans-serif;
      color: rgb(255, 255, 255);
      text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.23);
      letter-spacing: 1rem;
}

.jokes {
      font-size: 25px;
      font-weight: 500;
      color: rgb(225, 255, 0);
      margin: 40px;
}

.btn {
      padding: 10px 20px;
      font-size: 20px;
      font-weight: 700;
      background: rgba(255 255 255 / 30%);
      border-radius: 10px;
      border-color: rgba(255, 255, 255, 0.8);
      outline: none;
      color: rgb(0, 0, 0);
      text-transform: uppercase;
      letter-spacing: 2px;
      width: 300px;
      box-shadow: 0 2px 10px rgba(95, 94, 94, 0.8);
      cursor: pointer;
      transition: all 1s ease;
}

.btn:hover {
      background: rgb(255, 255, 255, 0.8);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
      transition: all 0.5s ease;
}

.btn:active {
      transform: scale(0.96);
}

@media (max-width: 768px) {
      body {
            overflow-x: hidden;
      }

      .container {
            width: 90%;
      }

      .heading {
            font-size: 250%;
      }

      .jokes {
            font-size: 20px;
      }

      .btn {
            width: 250px;
      }
}

@media (max-width: 480px) {
      body {
            overflow-x: hidden;
      }

      .container {
            width: 95%;
      }

      .heading {
            font-size: 200%;
      }

      .jokes {
            font-size: 18px;
      }

      .btn {
            width: 250px;
      }
}