body {
  font-family: 'Montserrat', sans-serif;
  background-color: #0e0e0e;
  color: #fff;
  margin: auto;
  font-size: 34px;
}

@media (max-width : 668px)
{
  p {
    font-size: 0.8em;
  }
  h1 {
    font-size: 1.2em;
  }
}

.hero {
  min-height: 100%;
}

#main {
  margin: auto;
  width: 80%;
  min-height: 300px;
  background:
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.linkedin {
  color: aqua;
}

.mail {
  color: gold;
}

.logo {
  max-width: 140px;
  margin: auto;
  text-align: center;
  width: 100%;
}

.overlay {
  font-size: 13px;
  color: floralwhite;
  background: black;
  padding: 20px;
  text-decoration: none;
}

.green-highlight {
  text-shadow:
     3px 0px 3px green,
    -3px 0px 3px green,
     6px 0px 6px green,
    -6px 0px 6px green;
}

.symbol {
  color: #00de00;
  font-weight: 900;
}

.blink-symbol {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.title-container {
  text-align: center;
  display: inline-block;
  margin: auto;
  width: 100%
}

.tags {
  font-size: 0.6em;
  font-family: monospace;
  font-style: oblique;
}