* {
  box-sizing: border-box;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",  Arial, sans-serif;
  }
  
  html { font-size: 16px; }
  
  body {
    margin: auto;
    text-align: center;
    text-wrap-style: balance;
    font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 1.25rem);
    color: #fff;
  }
  
  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    width: 100%;
    margin: auto;
    height: 100vh;
    background-color: #000000;
    gap: 3em;
  }
  
  
  .header {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    font-style: normal;
    gap: 1em;
  }
  
  h1 {
    font-style: normal;
    font-weight: 600;
    font-size: clamp(2.10rem, calc(1.773rem + 1.636vw), 3.00rem);
    margin: 0;
    border: 0.1rem solid #fff;
    padding: 0.3em;
  }
  
  h2 {
    font-size: clamp(1.30rem, calc(1.178rem + 0.589vw), 1.62rem);
    color: #636363;
    font-weight: 600;
    margin: 0;
    order: -1;
  }
  
  p {
    font-style: normal;
    font-weight: 400;
    font-size: clamp(16px, 6vw, 24px);
    margin: 0;
  }
  
  .logo > img {
    width: 80px;
    order: -1;
  }
  
  .learn-more > a > button {
    background: #ffffff;
    border-radius: 4px;
    padding: 10px 20px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    font-size: clamp(14px, 6vw, 16px);
    cursor: pointer;
  }