.navbar {
    height: 5vh;
}

.footer {
    height: 5vh;
}

.headerLink {
    color: white;
    font-weight: bold;
    font-size: 1.5em;
    font-family: 'Ubuntu', serif;
}

.headerLinkDark {
    color: black;
    font-weight: bold;
    font-size: 1.5em;
    font-family: 'Ubuntu', 'serif';
}

.headerLink:hover {
    color: white;
}


.headerLinkDark:hover {
    color: black;
}

.round {
    border-radius: 1.5em;
    border-color: transparent;
}

.daria {
    animation: dariaAnimationDown 1s;
    animation-fill-mode: forwards;
}

.daria:hover {
    animation: dariaAnimationUp 1s;
    animation-fill-mode: forwards;
}

@keyframes dariaAnimationUp {
    from {margin-top: 0;}
    to {margin-top: -20vh;}
}

@keyframes dariaAnimationDown {
    from {margin-top: -20vh;}
    to {margin-top: 0;}
}

.aboutImage {
    height: 15vh;
    margin: 5vh;
    animation: aboutImage 1s;
    animation-play-state: paused;
}

.aboutImage:hover {
    animation-play-state: running;
}

@keyframes aboutImage {
    from {height: 15vh;}
    to {height: 17vh;}
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 2rem;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: white;
    background: url('/img/loading.gif') 50% 50% no-repeat white;
    transition: all ease 2s;
}

.neuron {
  animation: neuronFlash 5s;
  animation-direction: normal;
  animation-play-state: running;
  animation-iteration-count: infinite;
}

@keyframes neuronFlash {
  0% {
    filter: hue-rotate(0deg);
    -webkit-filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(180deg);
    -webkit-filter: hue-rotate(180deg);
  }
  100% {
    filter: hue-rotate(360deg);
    -webkit-filter: hue-rotate(360deg);
  }
}