@font-face {
  font-family: "shadow";
  src: url("./fonts/ShadowsIntoLight-Regular.ttf");
}

*{
  margin: 0;
  overflow: hidden;
}

svg{
  position: absolute;
  width: 100%;
  height: 100%;
}

#menu{
  //line-height: 15vh;
  font-family: shadow, cursive, "Comic Sans", sans-serif ;
  text-align: center;
  position: absolute;
  //height: 10vh;
  width: 100%;
  //top: 0;
  //left: 0;
  background-color: #ccc;
  z-index: 1;
}

#menu h1{
  font-size: 1.8em;
  display: inline;
}

#menu h3{
  font-size: 1em;
  display: block;
}

#svg-container{
  position: absolute;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
    background-color: #555;
}

.rainbow{
  background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,154,0,1) 10%, rgba(208,222,33,1) 20%, rgba(79,220,74,1) 30%, rgba(63,218,216,1) 40%, rgba(47,201,226,1) 50%, rgba(28,127,238,1) 60%, rgba(95,21,242,1) 70%, rgba(186,12,248,1) 80%, rgba(251,7,217,1) 90%, rgba(255,0,0,1) 100%);
}

.hidden{
  display: none;
}