body {
    background-color: #2c2f33;
    color: whitesmoke;
    font-size: 15px;
}

body section {
    margin: 60px 0px;
}

hr {
    color: transparent;
    background-color: transparent;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #ff3c9700,#ff3c97dd, #ff3c9700);    
}

a {
    font-weight: 500;
    color: rgb(0, 223, 223);
}

a:hover {
    font-weight: 600;
    color: cyan;
}

.fa-external-link-alt {
    height: 1rem;
    font-size: 0.5rem;
    vertical-align: middle;
}

#title {
    font-size: 4em;
}

.pink {
    color: #ff3c97;
    font-weight: bold;
}

.pink-lg {
    color: #ff3c97;
    font-size: 1.5rem;
    font-weight: bold;
}

.flurby-title {
    color: #ff3c97;
    font-weight: bold;
    display: inline-block;
    align-self: flex-end;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
}

.flurby-title-bounce {
    animation-name: flurby-title-bounce;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

@keyframes flurby-title-bounce {
    0% {
        transform: scale(1, 1) translateY(0);
    }

    10% {
        transform: scale(1.1, .9) translateY(0);
    }

    30% {
        transform: scale(.9, 1.1) translateY(-6px);
    }

    50% {
        transform: scale(1.05, .95) translateY(0);
    }

    57% {
        transform: scale(1, 1) translateY(-2px);
    }

    64% {
        transform: scale(1, 1) translateY(0);
    }

    100% {
        transform: scale(1, 1) translateY(0);
    }
}

.flurby {
    align-self: flex-end;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
}

.flurby-bounce {
    animation-name: flurby-bounce;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

@keyframes flurby-bounce {
    0% {
        transform: scale(1, 1) translateY(0);
    }

    10% {
        transform: scale(1.1, .9) translateY(0);
    }

    30% {
        transform: scale(.9, 1.1) translateY(-10px);
    }

    50% {
        transform: scale(1.05, .95) translateY(0);
    }

    57% {
        transform: scale(1, 1) translateY(-3px);
    }

    64% {
        transform: scale(1, 1) translateY(0);
    }

    100% {
        transform: scale(1, 1) translateY(0);
    }
}

@media (max-width: 375px) {
    .jumbotron #title {
        font-size: 3.25em;
    }

    #commands{
        font-size: 0.75rem;
    }
}