#egg {margin-top:-160px;z-index:2;position:relative; pointer-events: none;
-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
mask-image: linear-gradient(to bottom, rgba(0,0,0,1)0%, rgba(0,0,0,1)50%, rgba(0,0,0,0)80%, rgba(0,0,0,0)100%);}
#eggbanner {margin-top:-210px;
    color: rgba(0, 0, 0, 0.7);}
h1{font-family:"Yu Gothic UI Light";font-size:55px;font-weight:100;z-index:2;position:relative}
html { font-size: 16px; }
body {
  background-color: rgb(47, 0, 255);
  background-image: url("/sky-background.png");
  background-size: cover;
  background-attachment: fixed;
}
div.navbar {
  background: #dddddd;
  mix-blend-mode: color-burn;
  opacity: 1;
}
nav {
  display: block;
  position: relative;
  margin: auto;
  max-width: 940px;

  color: #333;
  outline: rgb(0, 0, 0) 3px;

  backdrop-filter: blur(6px);
}
nav a {
  display: inline-block;
  position: relative;
  margin: 20px;
  padding: 20px;

  color: #222222;
  font-weight: 700;
  text-decoration: none;

  mix-blend-mode: color-burn;
  transition: color 400ms ease;
  
}
nav a:hover { color: rgb(255, 111, 0); }
div.overlap {margin-top:-170px;}
.overlap img {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  
  transition: filter 400ms ease;
  filter: brightness(40%);
}
.hitbox:hover ~ img { filter: brightness(100%); }
div.hitbox {
  height: 1358px;
  position: absolute;
  width: 50%;
  z-index: 1;
}