@charset "UTF-8";


@font-face {
    font-family: 'Maghfirea';
    src: url('maghfirea/Maghfirea.otf');
    src: url('maghfirea/Maghfirea.otf') format('opentype'),
        url('maghfirea/Maghfirea.ttf') format('truetype');
}

@font-face {
    font-family: 'Misto';
    src: url('Misto/Web/fonts/Misto.eot');
    src: url('Misto/Web/fonts/Misto.eot') format('embedded-opentype'),
        url('Misto/Web/fonts/Misto.woff2') format('woff2'),
        url('Misto/Web/fonts/Misto.woff') format('woff'),
        url('Misto/Web/fonts/Misto.ttf') format('truetype'),
        url('Misto/Web/fonts/Misto.svg') format('svg');
}


::-moz-selection {
    background: #ffffcc;
}

::selection {
    background: #3d54fe;
    color: #F5F4F0;
}

html {
    /* base unit for rems */
    color: #444;
    font-family: 'DM Sans', sans-serif;
}

/* Links */
header a {
    text-decoration: none;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.05em;
    text-transform: lowercase;
}

a {
    text-decoration: underline;
    color: #F5F4F0;
    transition: #3d54fe 0.5s ease-out;
    cursor: none;
}

a:hover {
    color: #3d54fe;
}