body{
  background-color:#1f2d3a;
  background-image: 
      repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0, transparent 1px, transparent 20px),
      repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0, transparent 1px, transparent 20px);
  background-size: cover;

  font-family: 'BOCD-medium';
  color: #b3e6e7;
}

@font-face {
    font-family: 'BOCD-light';
    src: url("../assets/BOCDMonoLight.otf");
}

@font-face {
    font-family: 'BOCD-medium';
    src: url("../assets/BOCDMonoMedium.otf");
}

a {
    color:#b3e6e7;
    text-decoration: none;
}
a:hover{
     text-shadow:
      0 0 0.4vw #b3e6e7,
      0 0 0.4vw #b3e6e7;
}
a:active{
    text-shadow:
      0 0 6vw #b3e6e7,
      0 0 6vw #b3e6e7;
}

#name{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
      text-shadow:
      0 0 0.2vw #b3e6e7,
      0 0 0.2vw #b3e6e7;
}

#nav{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5vw;
}
#email{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5vw;
    margin-bottom:5vh;
}

object.email {
	height: 2em;
	margin: -1em 0;
	vertical-align: middle;
}

#information {
  max-width: 90vw;
  padding: 2vw;
  line-height: 1.6;
}

dt {
  font-weight: bold;
  margin-top: 2vh;
}