.has-text-orange {
    color: #ff7502;
}

.is-orange {
    background-color: #ff7502;
}

.is-dark-blue {
    background-color: #2c3e50;
}

.button.is-orange {
    background-color: transparent;
    transition: 0.1s all;
}
.button.is-orange:hover {
    background-color: #ff7502;
    color: #fff;
    border-color: #ff9136;
}

svg {
    transition: 0.1s all;
}

.card:hover svg {
    color: #ff7502;
}

.card {
    border-radius: 8px;
}
.card.is-fullheight {
    height: 100%;
}
.card p.title {
    min-height: 80px;
    margin-top: 1rem;
}

.code {
    padding: 1rem;
    border-radius: 4px;
}
.code span {
    color: #ff4660;
    display: block;
    font-family: monospace, monospace;
}

.code span.has-text-grey {
    display: inline;
}

.footer {
    padding: 3rem 1.5rem 3rem
}