* {
      margin: 0;
      padding: 0;
    }

    body {
      margin: 0;
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-size: 17px;
      color: #fff;
      line-height: 1.6;
    }

    #showcase {
      background-image: url('bg-main.jpg');
      background-size: cover;
      background-position: center;
      height: 100vh;
      max-width: 100vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 10px;
      margin-bottom: 20px;
    }

    .scroll-arrow {
      position: absolute;
      bottom: 50px;
      left: 50%;
      transform: translateX(-50%);
      animation: fadeBounce 5s infinite;
    }

    .section-inner a {
      animation: fadeInUp 0.5s ease-in-out 0.4s;
      animation-fill-mode: both; // Stop from showing at start
    }

    #showcase h1 {
      font-size: 50px;
      line-height: 1.2;
    }

    #showcase p {
      font-size: 20px;
    }


    .section-a {
      margin: auto;
      padding: 20px;
      background: #FFDEAD;
      color: #040801;
      text-align: left;
      box-shadow: 10px 10px 5px grey;
      max-width: 900px;
    }

    .section-b {
      margin-top: 20px;
      padding: 20px;
      background: #fff;
      color: #040801;
      text-align: left;
      box-shadow: 10px 10px 5px grey;
      max-width: 900px;
      border: black 2px solid;
    }

    .section-c {
      margin-top: 20px;
      padding: 20px;
      background: #FFDEAD;
      color: #040801;
      text-align: left;
      box-shadow: 10px 10px 5px grey;
      max-width: 900px;
      border: black 2px solid;
    }

    .section-d {
      margin-top: 20px;
      padding: 20px;
      background: #fff;
      color: #040801;
      text-align: left;
      box-shadow: 10px 10px 5px grey;
      max-width: 900px;
      border: black 2px solid;
    }

    img {
      width: 100%;
      height: auto;
    }

    #bottom {
      height: 15vh;
      max-width: 100vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 0 20px;
    }

    #bottom .button {
      font-size: 18px;
      text-decoration: none;
      color: #0000CD;
      border: #926239 1px solid;
      padding: 10px 20px;
      border-radius: 10px;
      margin-top: 20px;

    }

    #bottom .button: hover {
      background: #000000;
      color: #fff;
    }

    /* Stop body scroll */
    .stop-scrolling {
      overflow: hidden;
    }


    footer {
      text-align: center;
      padding: 15px 0px 40px 0px;
      color: rgba(128, 128, 128, 0.9);
    }