h2.title.is-2 {
    color: rgb(0, 184, 212);
}

.markdown h2 a {
    color: black;
    font-size: 75%;
}

.markdown h3 a {
    color: black;
    font-size: 75%;
}

.markdown.column p:first-child {
    margin-top: -6px;
}

.hero-body {
    background-image: url("home/header.jpg");
    background-size: cover;
    background-position-x: center;
    background-position-y:center;
    mask-image: linear-gradient(to bottom,black 75%, transparent);
    font-weight: bold;
}

.hero-body .container {
    font-weight: bold;
    color: black;
    background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 75%);
}

@media screen and (min-width: 769px) {
    .hero-body p {
        font-weight: bold;
        color: black;
    }
}

@media screen and (max-width: 768px) {
    .hero-body p {
        color: black;
    }
}

.hero-body .social-icons a {
    font-size: 200%;
    color: black;
    transition: color 150ms;
}

.hero-body .social-icons .fab {
    font-size: 125%;
    border-right: 1pt solid black;
    padding-right: 20px;
}


.hero-body .social-icons a:hover {
    color: rgb(0, 184, 212);
}

.img-responsive {
    border-radius: 0px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
}

.img {
    border-radius: 0px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}

/* Animation */
.typewriter-animation {
  animation: typewriter .75s steps(13) 1s 1 normal both,
             blinkTextCursor 500ms infinite alternate ease-in-out;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 6em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(0,0,0,.75);}
  to{border-right-color: transparent;}
}
.line-1{
    position: relative;
    top: 50%;  
    width: 24em;
    margin: 0 auto;
    border-right: 4px solid black;  
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);    
}

.fade-in.one {
    opacity: 1;
    animation-delay: 0ms;
}

.fade-in.two {
    animation-delay: 500ms;
}

.fade-in.three {
    animation-delay: 750ms;
}

.container a.navbar-item:hover {
    color: rgb(0, 184, 212);
}

.container a.navbar-item {
    transition: color 100ms;
}

.container a.navbar-item {
    font-size: 100%;
}