@charset "utf-8";
/* CSS Document */

[id^=modal] {
    display: none;
    background: rgba( 0, 0, 0, 0.30 );
    
    backdrop-filter: blur( 6.0px );
    -webkit-backdrop-filter: blur( 6.0px );
    border-radius: 2vmin;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-height: 3em;
    min-width: 5em;
    max-width: 50%;
    padding: 2vmin;
}


input[type=checkbox] {
    position: absolute;
    clip: rect(0 0 0 0);
}

#modal0:target { /*modal part 2. on target show*/
    display: block;
}


#modal0:target {
    display: block;
}

#modal1:target {
    display: block;
}

#modal2:target {
    display: block;
}

#modal3:target {
    display: block;
}

#modal4:target {
    display: block;
}

#modal5:target {
    display: block;
}

#modal6:target {
    display: block;
}

#modal7:target {
    display: block;
}

#modal8:target {
    display: block;
}

#modal9:target {
    display: block;
}

#modal10:target {
    display: block;
}

#modal11:target {
    display: block;
}


#modal12:target {
    display: block;
}

#modal13:target {
    display: block;
}

#modal14:target {
    display: block;
}

#modal15:target {
    display: block;
}

#modal16:target {
    display: block;
}

#modal17:target {
    display: block;
}

#modal18:target {
    display: block;
}

#modal19:target {
    display: block;
}

#modal20:target {
    display: block;
}

#modal21:target {
    display: block;
}

#modal22:target {
    display: block;
}

#modal23:target {
    display: block;
}

#modal24:target {
    display: block;
}

#modal25:target {
    display: block;
}

#modal26:target {
    display: block;
}

#modal27:target {
    display: block;
}

#modal28:target {
    display: block;
}

#modal29:target {
    display: block;
}

#modal30:target {
    display: block;
}

#modal31:target {
    display: block;
}

#modal32:target {
    display: block;
}

#modal33:target {
    display: block;
}

#modal34:target {
    display: block;
}

#modal35:target {
    display: block;
}

#modal36:target {
    display: block;
}

#modal37:target {
    display: block;
}

#modal38:target {
    display: block;
}

#modal39:target {
    display: block;
}

#modal40:target {
    display: block;
}

#modal41:target {
    display: block;
}

#modal42:target {
    display: block;
}

#modal43:target {
    display: block;
}

#modal44:target {
    display: block;
}

#modal45:target {
    display: block;
}

#modal46:target {
    display: block;
}

#modal47:target {
    display: block;
}

#modal48:target {
    display: block;
}

#modal49:target {
    display: block;
}

#modal50:target {
    display: block;
}

#modal51:target {
    display: block;
}

#modal52:target {
    display: block;
}

#modal53:target {
    display: block;
}

#modal54:target {
    display: block;
}

#modal55:target {
    display: block;
}

#modal56:target {
    display: block;
}

#modal57:target {
    display: block;
}

#modal58:target {
    display: block;
}

#modal59:target {
    display: block;
}

#modal60:target {
    display: block;
}

#modal61:target {
    display: block;
}

#modal62:target {
    display: block;
}

#modal63:target {
    display: block;
}

#modal64:target {
    display: block;
}

#modal65:target {
    display: block;
}

#modal66:target {
    display: block;
}

#modalAbout:target {
    display: block;
}

[id^=modal] .close {
    float: right;
    color: #FFF;
    text-decoration: none;
    font-size: 3vmin;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.modalText {
    overflow: hidden;
    color: white;
    font-family: ".SFNSDisplay", "SFProDisplay-Regular", "SFUIDisplay-Regular", ".SFUIDisplay", "-apple-system", "BlinkMacSystemFont", sans-serif;
    font-size: 4vmin;
    letter-spacing: inherit;
    width: max-content;
    margin: 3vmin;
}
#modal2 child:hover,
#modal3 child:hover,
#modal4 child:hover,
#modal5 child:hover,
#modal6 child:hover,
#modal7 child:hover,
#modal8 child:hover,
#modal9 child:hover,
#modal10 child:hover,
#modal11 child:hover,
#modal12 child:hover,
#modal13 child:hover,
#modal14 child:hover,
#modal15 child:hover,
#modal16 child:hover,
#modal17 child:hover,
#modal18 child:hover,
#modal19 child:hover,
#modal20 child:hover,
#modal21 child:hover,
#modal22 child:hover,
#modal23 child:hover,
#modal24 child:hover,
#modal25 child:hover,
#modal26 child:hover,
#modal27 child:hover,
#modal28 child:hover,
#modal29 child:hover,
#modal30 child:hover,
#modal31 child:hover,
#modal32 child:hover,
#modal33 child:hover,
#modal34 child:hover,
#modal35 child:hover,
#modal36 child:hover,
#modal37 child:hover,
#modal38 child:hover,
#modal39 child:hover,
#modal40 child:hover,
#modal41 child:hover,
#modal42 child:hover,
#modal43 child:hover,
#modal44 child:hover,
#modal45 child:hover,
#modal46 child:hover,
#modal47 child:hover,
#modal48 child:hover,
#modal49 child:hover,
#modal50 child:hover,
#modal51 child:hover,
#modal52 child:hover,
#modal53 child:hover,
#modal54 child:hover,
#modal55 child:hover,
#modal56 child:hover,
#modal57 child:hover,
#modal58 child:hover,
#modal59 child:hover,
#modal60 child:hover,
#modal61 child:hover,
#modal62 child:hover,
#modal63 child:hover,
#modal64 child:hover,
#modal65 child:hover,
#modal66 child:hover {
    opacity: 0.4;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}

#modal2 child:not(:hover),
#modal3 child:not(:hover),
#modal4 child:not(:hover),
#modal5 child:not(:hover),
#modal6 child:not(:hover),
#modal7 child:not(:hover),
#modal8 child:not(:hover),
#modal9 child:not(:hover),
#modal10 child:not(:hover),
#modal11 child:not(:hover),
#modal12 child:not(:hover),
#modal13 child:not(:hover),
#modal14 child:not(:hover),
#modal15 child:not(:hover),
#modal16 child:not(:hover),
#modal17 child:not(:hover),
#modal18 child:not(:hover),
#modal19 child:not(:hover),
#modal20 child:not(:hover),
#modal21 child:not(:hover),
#modal22 child:not(:hover),
#modal23 child:not(:hover),
#modal24 child:not(:hover),
#modal25 child:not(:hover),
#modal26 child:not(:hover),
#modal27 child:not(:hover),
#modal28 child:not(:hover),
#modal29 child:not(:hover),
#modal30 child:not(:hover),
#modal31 child:not(:hover),
#modal32 child:not(:hover),
#modal33 child:not(:hover),
#modal34 child:not(:hover),
#modal35 child:not(:hover),
#modal36 child:not(:hover),
#modal37 child:not(:hover),
#modal38 child:not(:hover),
#modal39 child:not(:hover),
#modal40 child:not(:hover),
#modal41 child:not(:hover),
#modal42 child:not(:hover),
#modal43 child:not(:hover),
#modal44 child:not(:hover),
#modal45 child:not(:hover),
#modal46 child:not(:hover),
#modal47 child:not(:hover),
#modal48 child:not(:hover),
#modal49 child:not(:hover),
#modal50 child:not(:hover),
#modal51 child:not(:hover),
#modal52 child:not(:hover),
#modal53 child:not(:hover),
#modal54 child:not(:hover),
#modal55 child:not(:hover),
#modal56 child:not(:hover),
#modal57 child:not(:hover),
#modal58 child:not(:hover),
#modal59 child:not(:hover),
#modal60 child:not(:hover),
#modal61 child:not(:hover),
#modal62 child:not(:hover),
#modal63 child:not(:hover),
#modal64 child:not(:hover),
#modal65 child:not(:hover),
#modal66 child:not(:hover) {
    animation-name: lighten;
    animation-duration: 1s;
}

@keyframes lighten {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}