@font-face {
    font-family: Grifter;
    font-weight: bold;
    src: url("../../assets/fonts/grifter/grifterbold.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: Avenir;
    src: url('../../assets/fonts/avenir/AvenirNextCyr-Regular.eot'),
    url('../../assets/fonts/avenir/AvenirNextCyr-Regular.ttf') format('truetype'),
    url('../../assets/fonts/avenir/AvenirNextCyr-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0px;
    padding: 0px;
    font-family: Avenir;
    overflow: hidden;
}

body {
    overflow: hidden;
}

.dotted {
    background-image: -webkit-repeating-radial-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%);
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px;

    width:100vw;
    height: 100vh;
}