@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  src: 
     url("/static/fonts/Roboto_Mono/static/RobotoMono-Regular.ttf") format("truetype");
}

span.cool:hover {
  text-shadow: -1px 1px #E40303,
               -2px 2px #FF8C00,
               -3px 3px #FFED00,
               -4px 4px #008026,
               -5px 5px #24408E,
               -6px 6px #732982
}

.info-box {
  display: none;
  padding-left: 5px;
}

.project-link:hover + .info-box {
  display: block;
}

.container {
  display: grid;
  place-items: center;
  height: 90%;
}

.content {
  background-color: white;
  max-width: 500px;
  padding: 20px;
  border-radius: 20px;
  box-shadow: #24408E;
}

html {
    height: 100%;
}

body {
    background-image: url("/built/dragon.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    font-family: 'Roboto Mono';
    font-size: 20px;
}