body {
    background-color: white;
}

.barlow-light {
    font-family: "Barlow", serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .barlow-regular {
    font-family: "Barlow", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .barlow-medium {
    font-family: "Barlow", serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .barlow-bold {
    font-family: "Barlow", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .splash {
    height:100vh;
  }

  .black {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;    position:absolute;
    height: 50%;
    background-color: #1E1E1E;
    bottom:0;
    left:0;
    right:0;
  }

  .logo {
    display:flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    position:absolute;
    height: 50%;
    left:0;
    top:0;
    right:0;
  }