html {
      scroll-behavior: smooth;
    }
    .reveal {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }
    .reveal-visible {
      opacity: 1;
      transform: none;
    }
    .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: auto;
    }
    .logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    }
    .cta {
      background-color: #007acc;
      color: #fff;
      padding: 1.25rem;
      text-align: center;
      border-radius: 8px;
      margin-top: 2rem;
    }
    .cta a {
      color: #fff;
      font-weight: bold;
    }
    img{
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 75%;
    }

    h1, h2, h3 { text-align: center; }
    video { width: 100%; margin-top: 20px; border: 1px solid #ccc; }
    iframe { width: 100%; height: 800px; margin-top: 40px; border: none; }
    a {text-align: center;}