@font-face {
    font-family: Raleway;
    src: url(Raleway-Regular.ttf);
}

@font-face {
    font-family: Lato;
    src: url(Lato-Regular.ttf);
}

@font-face {
    font-family: consolas;
    src: url(consola.ttf);
}

@font-face {
    font-family: alliance;
    src: url(Alliance-No1-Light.otf);
}

@font-face {
    font-family: din;
    src: url(DIN.ttf);
}

@font-face {
    font-family: KongshoMJ;
    src: url(KongshoMJ.ttf);
}

.text-85vw {
    font-size: 0.85vw;
    font-weight: bold;
}

.bg-pink-modify {
    background-color: #ec4899!important;
}

.text-pink-modify {
    color: #ec4899!important;
}

.bg-sky-modify-1 {
    background-color: #0e7490!important;
}

.text-sky-modify-1 {
    color: #0e7490!important;
}

.bg-sky-modify-2 {
    background-color: #268399!important;
}

.text-sky-modify-2 {
    color: #268399!important;
}

.bg-sky-modify-3 {
    background-color: #267399!important;
}

.text-sky-modify-3 {
    color: #267399!important;
}

.bg-green-modify {
    background-color: #269973!important;
}

.text-green-modify {
    color: #269973!important;
}

.bg-pink-smart {
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url('line-pattern.png');
    background-size: 0.5rem;
    background-color: #ec4899;
}

.hightlight-code {
    padding: .25em .5em;
    font-size: 12px;
    background-color: #e6fcf5;
    border-radius: 3px;
}