body{
    margin: 5rem 0rem 0rem 0rem;
    font-family: var(--primary-font);
    background-color: var(--secondary-color);
}
.container{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100vh - 5rem);
    padding: 0rem 2rem 0rem 2rem;
    background: url(../sources/room.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
/* INTRODUCTION */
#section-intro{
    flex: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.button{
    text-decoration: none;
    font-size: 2.2rem;
    color: var(--quarter-color);
    background-color: var(--third-color);
    padding: 1rem 3rem 1rem 3rem;
    border-radius: 0.8rem;
    transition: background-color 0.3s ease;
    transition: color 0.3s ease;
    transition: padding;
}
.button:hover{
    background-color: var(--quarter-color);
    color: var(--primary-color);
    padding: 1rem 3rem 1rem 3rem;
}
#logo-vanocnisifrovani{
    height: 75px;
    width: 304px;
    background: url("../sources/logo-light.svg") no-repeat;
    background-size: contain;
    margin-bottom: 2rem;
}
#name{
    font-weight: 300;
    font-size: 6rem;
    color: var(--quarter-color);
    margin-bottom: 3rem;
}
#date{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 2rem;
}
#date img{
    width: 20px;
    height: 20px;
}
#date p{
    font-size: 1.6rem;
    color: var(--quarter-color);
    margin: 0rem 0rem 0rem 1rem;
}
/* PARTNERS */
#section-partners{
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    margin-bottom: 1.2rem;
}
#partners{
    display: flex;
    flex-direction: row;
}
#partners-text{
    font-weight: 300;
    font-size: 2rem;
    color: var(--quarter-color);
    margin: 0rem;
}
.partner-group{
    display: flex;
    flex-direction: row;
    margin: 0.5rem 1.2rem 0rem 0rem;
    align-items: center;
}
.contact-info{
    font-weight: 300;
    display: flex;
    flex-direction: column;
    margin: 0rem 0rem 0rem 0.8rem;
}
.contact-info header{
    font-size: 1rem;
    color: var(--quarter-color);
    margin-bottom: 0.5rem;
}
.link-text{
    font-size: 1rem;
    color: var(--quarter-color);
    margin: 0rem 0rem 0rem 0.4rem;
}
.link{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
}
#logo-lisak{
    height: 60px;
    width: 60px;
    background: url("../sources/logo_lisak.png") no-repeat;
    background-size: contain;
}
#logo-oregon{
    height: 60px;
    width: 60px;
    background: url("../sources/logo_oregon.png") no-repeat;
    background-size: contain;
}
#logo-crdm{
    height: 60px;
    width: 60px;
    background: url("../sources/logo_crdm.png") no-repeat;
    background-size: contain;
}
/* RULES */
#section-rules{
    display: flex;
    flex-direction: column;
    color: var(--quarter-color);
}
table, td{
    font-size: 2rem;
    border: 1.5px solid;
    border-collapse: collapse;
    margin: 0px;
    padding: 10px;
    max-width: 90vw;
    width: 75%;
    color: var(--quarter-color);
}
table{
    margin-left: 0.5rem;
    margin-bottom: 1.2rem;
}
/* STORY */
#section-story{
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.header-container{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--third-color);
    padding-top: 2rem;
    padding-bottom: 2rem
}
.header-container header, h1{
    width: fit-content;
    height: fit-content;
    color: var(--quarter-color);
    font-weight: 300;
    font-size: 4.2rem;
    margin: 0;
}
.content-container{
    padding: 5rem 6rem 2rem 4rem;  
    display: flex;
    flex-direction: column;
    justify-content: left;
    background: var(--secondary-color);
}
.content-container h2{
    font-size: 3.6rem;
    font-weight: 300;
    margin: 0rem 0rem 0.8rem 0rem;
}
.content-container h3{
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0rem 0rem 0.8rem 0rem;
}
.content-container ul{
    list-style: none;
    padding: 0;
    font-size: 2rem;
    font-weight: 300;
    margin: 0rem 0rem 1.2rem 0rem;
}
.content-container ol{
    padding-left: 2rem;
    font-size: 2rem;
    font-weight: 300;
    margin: 0rem 0rem 1.2rem 0rem;
}
.content-container a{
    padding: 0;
    margin: 0rem 0rem 1.2rem 0rem;
    color: var(--quarter-color);
    font-size: 2rem;
    font-weight: 300;
}
.content-container p{
    font-size: 2rem;
    text-align: justify;
    margin: 0rem 0rem 1.2rem 0rem;
    color: var(--quarter-color );
}
.gap{
    height: 5rem;
}
.download{
    display: flex;
    flex-direction: row;
    width: fit-content;
    justify-content: center;
    opacity: 1;
}
.download p{
    font-size: 2.4rem;
    margin-left: 0.8rem;
}
.download img{
    opacity: 1;
    width: 30px;
    height: 30px;
}
@media (max-width: 500px){
    #name{
        font-size: 4.5rem;
        margin-bottom: 2rem;
    }
    #logo-vanocnisifrovani{
        height: 65px;
        width: 263px;
    }
    #partners{
        flex-direction: column;
    }
}
@media (max-width: 400px){
    #name{
        font-size: 4rem;
        margin-bottom: 2rem;
    }
    #logo-vanocnisifrovani{
        height: 50px;
        width: 203px;
    }
}
@media (max-width: 350px){
    #name{
        font-size: 3.6rem;
        margin-bottom: 2rem;
    }
    #logo-vanocnisifrovani{
        height: 50px;
        width: 203px;
    }
}

@keyframes bkod{
    0% {opacity: 0;}
    0.14% {opacity: 0;}
    0.28% {opacity: 1;}
    1.41% {opacity: 1;}
    1.55% {opacity: 1;}

    1.69% {opacity: 0;}
    1.84% {opacity: 1;}
    1.98% {opacity: 1;}
    2.12% {opacity: 1;}

    2.26% {opacity: 0;}
    2.40% {opacity: 0;}
    4.10% {opacity: 0;}
    4.24% {opacity: 0;}

    4.38% {opacity: 0;}
    4.52% {opacity: 1;}
    4.66% {opacity: 1;}
    4.80% {opacity: 1;}

    4.94% {opacity: 0;}
    5.08% {opacity: 1;}
    6.21% {opacity: 1;}
    6.36% {opacity: 1;}

    6.50% {opacity: 0;}
    6.64% {opacity: 0;}
    8.33% {opacity: 0;}
    8.47% {opacity: 0;}

    8.62% {opacity: 0;}
    8.76% {opacity: 1;}
    8.90% {opacity: 1;}
    9.04% {opacity: 1;}

    9.18% {opacity: 0;}
    9.32% {opacity: 1;}
    9.46% {opacity: 1;}
    9.60% {opacity: 1;}

    9.75% {opacity: 0;}
    9.89% {opacity: 1;}
    10.03% {opacity: 1;}
    10.17% {opacity: 1;}

    10.31% {opacity: 0;}
    10.45% {opacity: 0;}
    12.15% {opacity: 0;}
    12.29% {opacity: 0;}

    12.43% {opacity: 0;}
    12.57% {opacity: 1;}
    12.71% {opacity: 1;}
    12.85% {opacity: 1;}

    12.99% {opacity: 0;}
    13.14% {opacity: 1;}
    14.27% {opacity: 1;}
    14.41% {opacity: 1;}

    14.55% {opacity: 0;}
    14.69% {opacity: 1;}
    14.83% {opacity: 1;}
    14.97% {opacity: 1;}

    15.11% {opacity: 0;}
    15.25% {opacity: 1;}
    15.40% {opacity: 1;}
    15.54% {opacity: 1;}

    15.68% {opacity: 0;}
    15.82% {opacity: 0;}
    17.51% {opacity: 0;}
    17.66% {opacity: 0;}

    17.80% {opacity: 0;}
    17.94% {opacity: 1;}
    18.08% {opacity: 1;}
    18.22% {opacity: 1;}

    18.36% {opacity: 0;}
    18.50% {opacity: 1;}
    18.64% {opacity: 1;}
    18.79% {opacity: 1;}

    18.93% {opacity: 0;}
    19.07% {opacity: 0;}
    20.76% {opacity: 0;}
    20.90% {opacity: 0;}

    21.05% {opacity: 0;}
    21.19% {opacity: 1;}
    21.33% {opacity: 1;}
    21.47% {opacity: 1;}

    21.61% {opacity: 0;}
    21.75% {opacity: 1;}
    22.88% {opacity: 1;}
    23.02% {opacity: 1;}

    23.16% {opacity: 0;}
    23.31% {opacity: 1;}
    24.44% {opacity: 1;}
    24.58% {opacity: 1;}

    24.72% {opacity: 0;}
    24.86% {opacity: 1;}
    25.99% {opacity: 1;}
    26.13% {opacity: 1;}

    26.27% {opacity: 0;}
    26.41% {opacity: 0;}
    28.11% {opacity: 0;}
    28.25% {opacity: 0;}

    28.39% {opacity: 0;}
    28.53% {opacity: 1;}
    28.67% {opacity: 1;}
    28.81% {opacity: 1;}

    28.95% {opacity: 0;}
    29.10% {opacity: 1;}
    29.24% {opacity: 1;}
    29.38% {opacity: 1;}

    29.52% {opacity: 0;}
    29.66% {opacity: 1;}
    29.80% {opacity: 1;}
    29.94% {opacity: 1;}

    30.08% {opacity: 0;}
    30.23% {opacity: 0;}
    31.92% {opacity: 0;}
    32.06% {opacity: 0;}

    32.20% {opacity: 0;}
    32.34% {opacity: 1;}
    33.47% {opacity: 1;}
    33.62% {opacity: 1;}

    33.76% {opacity: 0;}
    33.90% {opacity: 0;}
    35.59% {opacity: 0;}
    35.73% {opacity: 0;}

    35.88% {opacity: 0;}
    36.02% {opacity: 1;}
    36.16% {opacity: 1;}
    36.30% {opacity: 1;}

    36.44% {opacity: 0;}
    36.58% {opacity: 0;}
    38.28% {opacity: 0;}
    38.42% {opacity: 0;}

    38.56% {opacity: 0;}
    38.70% {opacity: 1;}
    39.83% {opacity: 1;}
    39.97% {opacity: 1;}

    40.11% {opacity: 0;}
    40.25% {opacity: 1;}
    40.40% {opacity: 1;}
    40.54% {opacity: 1;}

    40.68% {opacity: 0;}
    40.82% {opacity: 1;}
    40.96% {opacity: 1;}
    41.10% {opacity: 1;}

    41.24% {opacity: 0;}
    41.38% {opacity: 1;}
    41.53% {opacity: 1;}
    41.67% {opacity: 1;}

    41.81% {opacity: 0;}
    41.95% {opacity: 0;}
    43.64% {opacity: 0;}
    43.79% {opacity: 0;}

    43.93% {opacity: 0;}
    44.07% {opacity: 1;}
    45.20% {opacity: 1;}
    45.34% {opacity: 1;}

    45.48% {opacity: 0;}
    45.62% {opacity: 1;}
    45.76% {opacity: 1;}
    45.90% {opacity: 1;}

    46.05% {opacity: 0;}
    46.19% {opacity: 1;}
    47.32% {opacity: 1;}
    47.46% {opacity: 1;}

    47.60% {opacity: 0;}
    47.74% {opacity: 0;}
    49.44% {opacity: 0;}
    49.58% {opacity: 0;}

    49.72% {opacity: 0;}
    49.86% {opacity: 1;}
    50.99% {opacity: 1;}
    51.13% {opacity: 1;}

    51.27% {opacity: 0;}
    51.41% {opacity: 1;}
    52.54% {opacity: 1;}
    52.68% {opacity: 1;}

    52.82% {opacity: 0;}
    52.97% {opacity: 1;}
    54.10% {opacity: 1;}
    54.24% {opacity: 1;}

    54.38% {opacity: 0;}
    54.52% {opacity: 0;}
    56.21% {opacity: 0;}
    56.36% {opacity: 0;}

    56.50% {opacity: 0;}
    56.64% {opacity: 1;}
    57.77% {opacity: 1;}
    57.91% {opacity: 1;}

    58.05% {opacity: 0;}
    58.19% {opacity: 1;}
    58.33% {opacity: 1;}
    58.47% {opacity: 1;}

    58.62% {opacity: 0;}
    58.76% {opacity: 1;}
    58.90% {opacity: 1;}
    59.04% {opacity: 1;}

    59.18% {opacity: 0;}
    59.32% {opacity: 0;}
    61.02% {opacity: 0;}
    61.16% {opacity: 0;}

    61.30% {opacity: 0;}
    61.44% {opacity: 1;}
    62.57% {opacity: 1;}
    62.71% {opacity: 1;}

    62.85% {opacity: 0;}
    62.99% {opacity: 0;}
    64.69% {opacity: 0;}
    64.83% {opacity: 0;}

    64.97% {opacity: 0;}
    65.11% {opacity: 1;}
    65.25% {opacity: 1;}
    65.40% {opacity: 1;}

    65.54% {opacity: 0;}
    65.68% {opacity: 0;}
    67.37% {opacity: 0;}
    67.51% {opacity: 0;}

    67.66% {opacity: 0;}
    67.80% {opacity: 1;}
    67.94% {opacity: 1;}
    68.08% {opacity: 1;}

    68.22% {opacity: 0;}
    68.36% {opacity: 1;}
    69.49% {opacity: 1;}
    69.63% {opacity: 1;}

    69.77% {opacity: 0;}
    69.92% {opacity: 1;}
    70.06% {opacity: 1;}
    70.20% {opacity: 1;}

    70.34% {opacity: 0;}
    70.48% {opacity: 1;}
    70.62% {opacity: 1;}
    70.76% {opacity: 1;}

    70.90% {opacity: 0;}
    71.05% {opacity: 0;}
    72.74% {opacity: 0;}
    72.88% {opacity: 0;}

    73.02% {opacity: 0;}
    73.16% {opacity: 1;}
    73.31% {opacity: 1;}
    73.45% {opacity: 1;}

    73.59% {opacity: 0;}
    73.73% {opacity: 0;}
    75.42% {opacity: 0;}
    75.56% {opacity: 0;}

    75.71% {opacity: 0;}
    75.85% {opacity: 1;}
    76.98% {opacity: 1;}
    77.12% {opacity: 1;}

    77.26% {opacity: 0;}
    77.40% {opacity: 1;}
    78.53% {opacity: 1;}
    78.67% {opacity: 1;}

    78.81% {opacity: 0;}
    78.95% {opacity: 1;}
    79.10% {opacity: 1;}
    79.24% {opacity: 1;}

    79.38% {opacity: 0;}
    79.52% {opacity: 0;}
    81.21% {opacity: 0;}
    81.36% {opacity: 0;}

    81.50% {opacity: 0;}
    81.64% {opacity: 1;}
    81.78% {opacity: 1;}
    81.92% {opacity: 1;}

    82.06% {opacity: 0;}
    82.20% {opacity: 1;}
    83.33% {opacity: 1;}
    83.47% {opacity: 1;}

    83.62% {opacity: 0;}
    83.76% {opacity: 1;}
    83.90% {opacity: 1;}
    84.04% {opacity: 1;}

    84.18% {opacity: 0;}
    84.32% {opacity: 0;}
    86.02% {opacity: 0;}
    86.16% {opacity: 0;}

    86.30% {opacity: 0;}
    86.44% {opacity: 1;}
    86.58% {opacity: 1;}
    86.72% {opacity: 1;}

    86.86% {opacity: 0;}
    87.01% {opacity: 1;}
    88.14% {opacity: 1;}
    88.28% {opacity: 1;}

    88.42% {opacity: 0;}
    88.56% {opacity: 0;}
    90.25% {opacity: 0;}
    90.40% {opacity: 0;}

    90.54% {opacity: 0;}
    90.68% {opacity: 1;}
    90.82% {opacity: 1;}
    90.96% {opacity: 1;}

    91.10% {opacity: 0;}
    91.24% {opacity: 1;}
    91.38% {opacity: 1;}
    91.53% {opacity: 1;}

    91.67% {opacity: 0;}
    91.81% {opacity: 1;}
    92.94% {opacity: 1;}
    93.08% {opacity: 1;}

    93.22% {opacity: 0;}
    93.36% {opacity: 1;}
    93.50% {opacity: 1;}
    93.64% {opacity: 1;}

    93.79% {opacity: 0;}
    93.93% {opacity: 0;}
    95.62% {opacity: 0;}
    95.76% {opacity: 0;}

    95.90% {opacity: 0;}
    96.05% {opacity: 0;}
    97.74% {opacity: 0;}
    97.88% {opacity: 0;}

    98.02% {opacity: 0;}
    98.16% {opacity: 0;}
    99.86% {opacity: 0;}
    100.00% {opacity: 0;}
}
#star{
    position: relative;
    top: 60px;
    left: 110px;
    width: 8px;
    height: 8px;   
    opacity: 0;
    background: radial-gradient(circle, #fdcaca, #ffffff00);
    animation-name: bkod;
    animation-delay: 9s;
    animation-duration: 177s;
    animation-iteration-count: infinite;
}