@font-face {
    font-family: 'Barlow';
    src: url('/Font/Barlow.ttf') format('truetype');
    font-family: 'BarlowSemi';
    src: url('/BarlowSemi.ttf' ) format('truetype');
    font-family: 'Bebas';
    src: url('/Font/Bebas.ttf') format('truetype');
    font-family: 'Model';
    src: url('/Font/Model.TTF') format('truetype');
}
*{
    margin:0;
    padding:0;
   
    
}


.BackTop {
    height: 50px;
    right: 20px;
    bottom: 150px;
    position: fixed;
    opacity: 0;
    transition: 0.5s;
    visibility: hidden;
    z-index: 210;
}

.fade {
    visibility: visible;
    opacity: 0.4;
    transition: 1s ease-in-out;
}

.BackTop:hover {
    opacity: 0.8;
    transition: 0.5s;
}

nav {
   
}