:root {
    --accent-color-light: #006dea;
    --accent-color-dark: #005dc7;
}

.fa-lg {
    vertical-align: -0.15em;
}

.modal-dialog {
    max-width: 70%;
    /* max-height: 90%; */
    /* margin: auto; */
}

.modal {
    height: 97%;
}

.toast {
    z-index: 5 !important;
}

.toast-wrapper {
    top: 25px;
    right: 25px;
}

.github-corner:hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {
    0%, 100% {
        transform: rotate(0)
    }
    20%, 60% {
        transform: rotate(-25deg)
    }
    40%, 80% {
        transform: rotate(10deg)
    }
}

@media (max-width:500px) {
    .github-corner:hover .octo-arm {
        animation: none
    }
    .github-corner .octo-arm {
        animation: octocat-wave 560ms ease-in-out
    }
}

.skill-unit a {
    color: #344556;
}

@media screen and (min-width:768px) {
    .site-title {
        background: var(--accent-color-light);
    }
}

.button {
    cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, a.button:hover, .event h3, .event h2+p i, .event h2+p img, #search-submit, .entry-meta .cat-links a, .pagination a:hover, .navigation a:hover, a.more-link:hover, .section-title h2 i, .event:nth-of-type(2)::after {
    background-color: var(--accent-color-light);
}

.section-title h2::after, .section-title h2::before {
    background-color: var(--accent-color-dark);
}

.event h3::before {
    border-color: var(--accent-color-light);
}

.form-validator-check {
    color: var(--accent-color-light);
}

a {
    color: var(--accent-color-light);
}

.layout-medium h2 {
    font-weight: 700;
}

.contact-form>div {
    /* background-color: red; */
    margin-top: 20px;
    overflow: hidden;
}

.entry-title {
    font-weight: 700;
}

img[src$='#center'] {
    display: block;
    margin: 3em auto !important;
    /* you can replace the vertical '0.7rem' by
                            whatever floats your boat, but keep the
                            horizontal 'auto' for this to work */
}

article blockquote {
    font-size: 1.5em;
}

article h3 {
    font-weight: 700;
}

pre {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

pre code {
    color: white;
}

blockquote p {
    line-height: 1.2;
}