html,
body {
  background: #282F3E;
  width: 100%;
  height: 100%;
  text-align: top-left;
  content-align: center;
  line-height: 1.15;
  overflow: hidden;
}

.wrapper-buttons {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
  }
  
  .wrapper-buttons > * {
    margin-bottom: 10px;
  }
  
  .wrapper-buttons > *:first-child {
    margin-top: 10px;
  }
  
  .wrapper-buttons > *:last-child {
    margin-bottom: 0px;
  }
  
  .white-button,
  .blue-button {
    display: inline-block;
    font-family: Whitney, "Open Sans", Helvetica, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 11pt;
    border-radius: 3px;
    cursor: pointer;
    height: 45px;
    width: 250px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  }
  
  .blue-button {
    background-color: #5865f2;
    border: 2px solid #5865f2;
    color: #fff;
  }
  
  .white-button {
    background-color: #4f545c;
    border: 2px solid #4f545c;
    color: whitesmoke;
  }

  h1{
      color: whitesmoke;
      font-family: Whyte;
  }

  @font-face {
    font-family: 'Whyte';
    src: url('/fonts/Whyte-Bold.eot');
    src: local('Whyte Bold'), local('Whyte-Bold'),
        url('Whyte-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Whyte-Bold.woff2') format('woff2'),
        url('/fonts/Whyte-Bold.woff') format('woff'),
        url('/fonts/Whyte-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.inv:hover{
    background-color: #4752c4;
    border-color: #4752c4;
}

.sup:hover{
    background-color: #5d6269;
    border-color: #5d6269;
}

.logo{
    width: 50px;
}

.ldiv{
    position: relative;
  left: 5%;
  top: -18%;
}

.h1div{
    position: relative;
    left: 8%;
    top: 0.2%;
}