@font-face {
    font-family: Banquise-Regular;
    src: url(HomeVideo-BLG6G.ttf) format('truetype');
}

body {
  height: 100vh;
  width: 100vw;
  font-family: Banquise-Regular;
    overflow:hidden;
}

.container {

  position: relative;
  top: 0;
  left: 0;
  width: 105%;
  height: 105%;
  overflow: hidden;
  background-position: center center;
}
.container > div {
  width: 105%;
  height: 105%;
  position: absolute;
  background-size: cover;
  mix-blend-mode: screen;
  background-blend-mode: darken;
  background-position: center center;
  will-change: opacity;

 
}
.video{ width: 100vw; height: 100vh; z-index:99999;opacity:0.7; position:absolute;top:0px; left:0px;color: red; background:#000; font-size:18px;overflow:hidden; }
.container > div.r {
  background-color: red;
}
.container > div.g {
  background-color: lime;
}
.container > div.b {
  background-color: blue;
}

#text{position:fixed; top:0px; left:0px; padding-right:50px; font-size:4vmin; opacity:0.6; color: white;width:100%;text-align: justify;height:100vh}
.parent-wrapper {
  width: 100%;
position:fixed; bottom:-100px; left:0px; background:#000; color:white;z-index:99999;
}
.openedMenu{bottom:0px !important;}
.parent {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
  text-align:center
}
.child {
  display: inline-block;
  margin: 10px 0 0 10px;
  flex-grow: 1;
  color: red;
}
.child a{color:red;text-decoration:none;}
.child p{font-size:12px;}
.menu{cursor:pointer; font-size:18px;}
.switch{width:50px;}
#openMenu{position:fixed; bottom:0px; right:10px; font-size:50px;z-index:99;cursor:pointer;display:none;}
.hidden{display:none;}
#overlay {

    position: fixed;
    width:550px; 
    top: 50px;
	right:50px;
    text-align:left;
    z-index: 100;
 }
 
 pre {
  margin: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: table;
  width: 100%;
}
@keyframes blink {
  0% {opacity: 0}
  30% {opacity: 1}
  70% {opacity: 1}
  100% {opacity: 0}
}

.blink {
  animation: blink 0.4s linear infinite;
}
button.ui-button{color:red; background:transparent; border:0px solid #000;cursor:pointer;font-family: Banquise-Regular;}
#mobile{display:block; position:fixed; top:45%; left:0px; background:red; color:white; font-size:34px; z-index:999999999; text-align:center; width:100%;}
@media(min-width:1030px){#mobile{display:none;}#openMenu{display:block;}}