body {
    font-family: Roboto Mono;
    background: #29292e;
    color: #f1f1f1;
    margin: 0;

}

.headerlink {
    margin-left: 0;
    margin-right: 30px;
    text-align: justify;
    display: flex;
    text-decoration: none;
    color: #f1f1f1;

}
.headerlink:hover {
    text-decoration: underline;
}
.link {
    text-align: justify;
    display: flex;
    text-decoration: none;
    color: #5897e9;

}
.link:hover {
    text-decoration: underline;
}
.text {
    text-decoration: none;
    color: #f1f1f1;
    margin-left: 200px;

}

.buttons {
    margin-left: 200px;
}
.button {
    margin-left: 2px;
    margin-right: 2px;
}

.projectcard {
    background-color: #444;
    padding: 20px;
    text-decoration: none;
    color: #f1f1f1;
    opacity: 0.8;
    transition: 0.3s;


}
.projectcard:hover {
    opacity: 1.5
}

.projectlink {
    margin-left: 200px;
    margin-bottom: 25px;
}
.projectlist {
    display: flex;
    /* justify-content: center; */
}
.header {
  position: sticky;
  top: 0;
  padding: 10px 16px;
  /*background: #559;*/
  color: #f1f1f1;
  display: flex;
  margin-left: 180px;
  margin-right: 200px;


}

.blinking-cursor {
  font-weight: 100;
  font-size: 30px;
  color: #white;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@keyframes appear {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.textappear {
  animation: appear 0.5s ease-in forwards;
}

/* ivpn.net */
@font-face {
    font-display: swap;
    font-family: Roboto Mono;
    font-style: normal;
    font-weight: 400;
    src: url(./roboto-mono.woff2) format("woff2")
}