.navbar-toggler:focus {
    box-shadow: none;
}

.color-bodo {
    color: rgba(238,80, 75, 1) !important;
}

.color-bodo:hover {
    color: rgba(238,80, 75, .7) !important;
}

.border-bodo {
    border-color: rgba(238,80, 75, .7) !important;
}

.amatic {
    font-family: 'Amatic SC', cursive;
}

h1, h2 {
    font-family: 'Amatic SC', cursive;
}
.card-img-overlay {
    top: 100%;
    bottom: -100%;
    transition: all .5s ease-out;
}
.card:hover .card-img-overlay {
    top: 0;
    bottom: 0;
    transition: all .5s ease-out;
}

@keyframes blend-in {
    from {top: 100%; bottom: -100%}
    to {top: 0; bottom: 0}
}

@keyframes blend-out {
    from {top: 0; bottom: 0}
    to {top: 100%; bottom: -100%}
}

/* amatic-sc-700 - latin */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/amatic-sc-v22-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/amatic-sc-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/amatic-sc-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/amatic-sc-v22-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/amatic-sc-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/amatic-sc-v22-latin-700.svg#AmaticSC') format('svg'); /* Legacy iOS */
}