/**
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 *
 * This Source Code Form is "Incompatible With Secondary Licenses", as
 * defined by the Mozilla Public License, v. 2.0.
 */
@import url('https://use.typekit.net/qvu5xru.css');

@import 'mixins';
@import 'vars';

html, body {
    margin: 0;
    padding: 0;
}

body {
    @include lato;

    min-width: 100vw;
    // min-height: 100vh;

    display: inline-block;

    color: white;

    animation: bg-fade 0.25s ease 1 both;

    overflow-y: hidden;
}

a {
    transition: color 225ms;
    cursor: pointer;

    &, &:visited {
        color: black;
        text-decoration: none;
    }

    &:hover {
        color: #444;
    }
}

.fade-enter-active, .fade-leave-active {
    transition: opacity $router-transitions-duration;
}

.fade-enter-active {
    transition-delay: $router-transitions-duration;
}

.fade-enter-from, .fade-leave-active {
    opacity: 0;
}

@keyframes bg-fade {
    0% {
        background-color: white;
    }

    100% {
        background-color: #202427;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
