* {
    font-family: 'mc';
    color: rgba(0, 0, 0, 0.979);
}

body {
    font-family: 'mc';
    color: #fff;
    background-color: rgb(0, 0, 0);
}

#bgvid{
    position: fixed;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
}

.wrapper {

position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
transition: .5s;
margin: auto;
visibility: hidden;
text-align: center;

}
.btn-container{
min-height: 100vh;
min-width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

}

#overlay-start{
font-size: 150%;

}
#overlay-start:hover{
text-decoration: underline;
}

body {
    margin: 0;
    font-family: 'mc';                             
}

@font-face {
    font-family: "mc";
    src: url("../fonts/fonts-pb.ttf") format("opentype");
}

.content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

h1 {
    color: #fff;
    font-size: 50px;
    transform: scale(10, 20);
}

.titleani {
    text-transform: uppercase;
    line-height: 5px;
    font-weight: 400;
    font-style: normal;
    font-size: 45px;
    color: rgba(255, 255, 255, 1);
  }

.users {
    text-transform: uppercase;
    line-height: 17px;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
    line-height: 1.5;
}