@font-face {
  font-family: "VT323";
  src: url('/fonts/VT323/VT323-Regular.ttf') format('truetype');
}

body {
  font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
}

.title {
  font-family: "VT323", monospace;
}

.hero-body .title,
.hero-body .subtitle {
  text-shadow: 2px 2px 3px black;
  color: rgba(80,250,200,0.9);
}

.concept {
  text-shadow: 2px 2px 3px black;
  color: rgba(80,250,200,0.9);
  text-shadow: 3px 3px 4px black;
}

.concept section {
  height: 800px;
  opacity: .7;
  transition: all 0.5s ease;
}

.concept section:hover {
  opacity: 1;
}

.table tr:hover { 
  background-color: #00d1b2;
  color: #fff;
}