html {
  overflow-y: scroll;
}

.events-link {
  background-color: white;
  color: black;
}

main {
  margin-top: 90px;
  margin-bottom: 90px;
  display: flex;
  justify-content: center;
  
  .main-contents {
    width: 75%;
    max-width: 1500px;

    iframe {
      width: 100%;
      border-radius: 20px;
    }

    ul {
      margin: 3% 0 5% 8%;

      h3 {
        margin-top: 20px;
        margin-bottom: 1%;
      }

      li {
        margin-left: 30px;
        margin-bottom: 2%;
      }
    }
  }
}

@media (max-width: 980px) {
  main {
    margin-top: 80px;

    .main-contents {
      width: 80%;

      iframe {
        height: 500px;
      }

      ul {
        margin: 3% 0 3% 3%;

        h3 {
          font-size: 17px;
        }

        li {
          font-size: 15px;
        }
      }
    }
  }
}

@media (max-width: 760px) {
  main .main-contents ul{
    margin: 2% 0 6% 0;
  }
}

@media (max-width: 550px) {
  main {
    margin-top: 70px;
  
    .main-contents {
      width: 83%;

      iframe {
        height: 400px;
      }

      ul {
        margin-top: 2%;

        h3 {
          font-size: 16px;
        }

        li {
          font-size: 14px;
        }
      }
    }
  }
}