body {
    text-align: center;
    font-family: "Product Sans", Helvetica;
    overflow-y: auto;
    overflow-x: hidden;
}

h1 {
    margin: 20px 0px 10px 0px;
    font-size: 64px;
    animation: fade-h1 5s linear;
}

h2 {
    margin: 5px 0px 5px 0px;
    font-size: 32px;
    animation: fade-h2 6s linear;
}

.text {
    animation: fade-p 9s linear;
}

p {
    margin: 20px 0px 1px 0px;
    font-size: 20px;
}

.use {
    margin: 40px;
    font-size: 100px;
    opacity: 0;
    padding-left: 400px;
}

.clickto {
    font-size: 20px;
    opacity: 0;
}

.redInfo {
    color: #dc4234;
    font-weight: bold;
    text-decoration: none;
    padding-top: 30px;
    margin-top: -255px;
    animation: fade-h1 5s linear;
}

a:link.redInfo {
    color: #dc4234;
}

a:visited.redInfo {
    color: #dc4234;
}

a:hover.redInfo {
    color: #dc4234;
}

a:active.redInfo {
    color: #dc4234;
}

#confetti {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.playeroogle {
    font-weight: bold !important;
}

.playeroogleBlue {
    color: #4086f4 !important;
}

.playeroogleRed {
    color: #dd4134 !important;
}

.playeroogleYellow {
    color: #f4b600 !important;
}

.playeroogleGreen {
    color: #069e57 !important;
}

@media screen and (max-width: 990px) {
    h1 {
        margin: 40px 1px 20px 1px;
        font-size: 80px;
    }

    h2 {
        margin: 10px 1px 10px 1px;
        font-size: 40px;
    }

    p {
        margin: 2px 1px 2px 1px;
        font-size: 25px;
    }

    .use {
        font-size: 70px;
    }

    .clickto {
        font-size: 15px;
        margin: 1px 10px 10px 1px;
    }
}

@keyframes fade-h1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-h2 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-p {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* STYl NALEŻY DO PLAYEROOGLE - BY LEGALNIE UŻYWAĆ SKONTAKTUJ SIĘ Z TWÓRCĄ STRONY */