body, html{
	margin: 0;
	padding: 0; 
    font-family: Arial;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    color: white;
}
.link {text-shadow: 0 0 10px #00000080;}

.hour{
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 2em;
}

.info{
    position: fixed;
    left: 20px;
    bottom: 20px;
    font-size: 2em;
}

.info:hover{
    cursor: pointer;
}

.info_container{
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 2;
    justify-content: center;
    align-items: center;
}
.info_container.shown{display: flex;}
.info_content{
    overflow-y: scroll;
    overflow-x: hidden;
    background-color:white;
    color: black;
    font-size: 1.5em;
    width: 60vw;
    height: 60vh;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    border-radius: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.info_content::-webkit-scrollbar { display: none;}
.info_content p{
    padding: 0 30px;
}
.content{padding-top: 45px;}
.close{
    float: right;
    margin-right: 10px;
    position: sticky;
    top: 0;
    font-size: 1.5em;
}
.close:hover{cursor: pointer;}
.videoContainer{
    position:absolute;
    z-index: -2;
    height:100%;
    width:100%;
    overflow: hidden;
}
.video {
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    cursor: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='67' viewBox='-10 -10 90 101' %3E%3Cpath style='stroke:none;fill:%23fff; filter: drop-shadow(0 0 5px %2300000080);' d='M 5.976074 66.314453 C 6.822388 66.314453 7.628052 66.167969 8.393066 65.875 C 9.158081 65.582031 9.947388 65.191406 10.76123 64.703125 L 54.706543 39.410156 C 56.496948 38.36853 57.733887 37.448853 58.41748 36.651367 C 59.101074 35.853882 59.442871 34.901733 59.442871 33.794922 C 59.442871 32.68811 59.101074 31.735962 58.41748 30.938477 C 57.733887 30.140991 56.496948 29.221313 54.706543 28.179688 L 10.76123 2.886719 C 9.947388 2.398438 9.158081 2.007813 8.393066 1.714844 C 7.628052 1.421875 6.822388 1.275391 5.976074 1.275391 C 4.446167 1.275391 3.233521 1.820679 2.338379 2.911133 C 1.443237 4.001587 0.995605 5.458374 0.995605 7.28125 L 0.995605 60.308594 C 0.995605 62.13147 1.443237 63.588257 2.338379 64.678711 C 3.233521 65.769165 4.446167 66.314453 5.976074 66.314453 Z'/%3E%3C/svg%3E") 30 33, auto;
    width: auto;
    height: 100%;
    --media-object-fit: cover;
    --controls: none;
    --controls-backdrop-color: rgb(0 0 0 / 0%);
}
video.playing{cursor: progress;}

.image{
    width: 250%;
    left: -150px;
    visibility: hidden;
    z-index: -3;
    position: fixed;
}

.play_mobile{
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    font-size: 2em;
    text-align: center;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

/* US Site */
.us_container {
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#adb2d3, #fdbfbe);
}
.us_container img{width: 15%;}
.warning {
    width: 50%;
    font-size: 1.7em;
}

@media screen and (max-width: 500px) {
    html{background: #adb2d3;}
    .play_mobile{display: flex;}
    .play_mobile.hidden{display: none;}
    .image{visibility: visible;}
    .videoContainer{ background: linear-gradient(#adb2d3, #fdbfbe);}
    .video{width: 140%;}
    .info_content{width: 85vw; height: 70vh; font-size: 1.3em;}
    /* US site */
    .warning {width: 90%;font-size: 1.4em;}
    .us_container img {width: 30%;}
}