@font-face {
    font-family: 'intro_liptonregular';
    src: url('../fonts/introlipton-regular.woff2') format('woff2'),
    url('../fonts/introlipton-regular.woff') format('woff'),
    url('../fonts/introlipton-regular.ttf') format('truetype'),
    url('../fonts/introlipton-regular.svg#intro_liptonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'intro_liptonblack';
    src: url('../fonts/introlipton-black.woff2') format('woff2'),
    url('../fonts/introlipton-black.woff') format('woff'),
    url('../fonts/introlipton-black.ttf') format('truetype'),
    url('../fonts/introlipton-black.svg#intro_liptonblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
    font-family: 'intro_liptonregular', sans-serif;
    color: #fff;
    background-color: #000;
    background-image: url("../img/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    height: 100vh;
    font-size: 80px;
    overflow-y: hidden;
}

#blackLayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 999;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}

#startButton{
    cursor: pointer;
}

#resultTitle{
    font-family: 'intro_liptonblack', sans-serif;
    line-height: 90px;
    margin-top: 50px
}

#sendButton{
    margin-top: 400px;
}

#prize{
    font-size: 60px;
    font-weight: bold;
}

a.reload{
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: block;
}