iframe{
width: 100vw;
height: 100vh;
border:0;
}


div.spikeynav{
position: fixed;
background-image: url("../resources/arrow.png");
background-size: 100% 100%;
width: 100px;
height: 100px;
bottom: 0%;
right:2%;
z-index: 99999;
animation: spikeynav 5s infinite;
opacity: 0.8;
background-color: lightblue;
border-radius: 50%;
border: solid 3px black;
}
div.spikeynav:hover{
background-color: blue;
}
div.spikeynav:active{
background-color: lightblue;
}
@keyframes spikeynav{
0%{transform: translate(0px, 0px);}
50%{transform: translate(10px, 10px);}
100%{transform: translate(0px, 0px);}
}

div.borisshadowwindow {
  overflow: hidden;
  font-family: toleave;
  padding: 30px;
  font-size: 1.8vw;
line-height: 1em;
letter-spacing: 2px;
text-align: left;
color: black;
background-color: white;
  outline: none;
    border-color: white;
    box-shadow: 0 0 15px red;
    z-index: 100;
  height: 70%;
  width: 70%;
  position: relative;
  margin: 0px auto;
  overflow: scroll;
  position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

div.boristhex{
  font-family: toleave;
position: absolute;
top:10px;
right:0;
color:  black;
font-weight: bold;
font-size: 3vw;
}
div.boristhex:hover{
  cursor: pointer;
}

@font-face {
  font-family: toleave;
  src: url("../resources/toleave.ttf");
}