@font-face { font-family: TTNP-italic; src: url('/Assets/TTNP-italicSquare.otf'); } 

@font-face { font-family: TTNP; src: url('/Assets/TTNP-square.otf'); } 

/*body {*/
    
/*}*/

h1{
    font-family: TTNP-italic;
    font-size:50pt;
    color:#FFFFFF;
    margin-bottom: 0;
}

p{
    font-family:TTNP;
    font-size:25pt;
    margin-top:0;
}

a{
    font-family:TTNP;
}

#background-video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }
  
.container {
    /*background-color:red;*/
    height: 50%;
    width:50%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -40%);
    display:flex;
    flex-direction:column;
    margin:auto;
    text-align: center;
    color: #f1f1f1;

  }
    .button{
    width: 200px;
    font-size: 18px;
    padding: 15px;
    border: none;
    background: rgba(90, 90, 90, 0.3);
    color: #fff;
    cursor: pointer;
    border-radius:25px;
    margin:auto;
  }
  
  .button:hover {
    background:rgba(240, 240, 240, 0.5);
    color: white;
  }