body {
  padding: 0;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}

.landing {
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.landing-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(7px);
    -webkit-filter: blur(7px);
    z-index: 1;
  }

  .landing-content {
    padding: 50px;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
    .landing-content-img {
      width: 250px;
      border-radius: 40px;
      -webkit-box-shadow: 0px 3px 10px -1px rgba(255, 255, 255, 0.3);
      -moz-box-shadow: 0px 3px 10px -1px rgba(255, 255, 255, 0.3);
      box-shadow: 0px 3px 10px -1px rgba(255, 255, 255, 0.3);
    }

    .app-btn {
      margin-top: 50px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      border: 1px solid #888;
      background-color: #000;
      border-radius: 10px;
      padding: 15px;
      -webkit-box-shadow: 0px 3px 10px -1px rgba(255, 255, 255, 0.3);
      -moz-box-shadow: 0px 3px 10px -1px rgba(255, 255, 255, 0.3);
      box-shadow: 0px 3px 10px -1px rgba(255, 255, 255, 0.3);
      color: #fff;
      text-decoration: none;
    }
      .app-btn-img {
        width: 64px;
      }

      .app-btn-content {
        flex-shrink: 0;
        padding-left: 20px;
      }
        .app-btn-content-text {
          font-size: 22px;
          line-height: 20px;
          margin: 0;
        }

        .app-btn-content-title {
          font-size: 32px;
          font-weight: bold;
          margin: 0;
        }
      

      .app-btn:hover {
        cursor: pointer;
      }

  .landing-privacy {
    position: absolute;
    bottom: 50px;
    z-index: 2;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
  }
    .landing-privacy:hover {
      cursor: pointer;
    }
  

  .privacy-container {
    position: absolute;
    z-index: 5;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: appear-privacy 0.3 forwards ease;
  }
    @keyframes appear-privacy {
      0% {
        transform: translateY(-10px);
        opacity: 0;
      }

      100% {
        transform: translateY(0px);
        opacity: 1;
      }
    }
      .cancel-btn {
        position: absolute;
        top: 30px;
        right: 50px;
        width: 32px;
      }
      .cancel-btn:hover {
          cursor: pointer;
        }

        .privacy {
          padding: 50px 20%;
          box-sizing: border-box;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          flex-direction: column;
          color: #222;
        }
          .privacy-date {
            margin-top: 20px;
            margin-bottom: 50px;
          }
        
          .privacy-text {
            margin-bottom: 20px;
          }
        
          .privacy-subheader {
            margin-bottom: 50px;
            font-size: 20px;
            font-weight: bold;
            margin-top: 30px;
          }