/*
* ##  GLOBAL STYLES  ##
* Be careful when editing this file, it will affect all pages.
* Here are all the fonts and component styles used in the project.
* Don't put a style used only in one page here
*/


/*
 _____ _____ _____ _____ _____ 
|   __|     |   | |_   _|   __|
|   __|  |  | | | | | | |__   |
|__|  |_____|_|___| |_| |_____|
                               
*/


/* Global font style */

@font-face {
    font-family: "DINBlack";
    src: url("../fonts/DINNextLTPro-Black.ttf")
}

@font-face {
    font-family: "DINBold";
    src: url("../fonts/DINNextLTPro-Bold.ttf")
}

@font-face {
    font-family: "DINReg";
    src: url("../fonts/DINNextLTPro-Regular.ttf")
}


/*
 _____ _____ _____ _____ __    
|   __|   __| __  |  _  |  |   
|  |  |   __|    -|     |  |__ 
|_____|_____|__|__|__|__|_____|                        

*/


/* Body e HTML*/

body {
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 200px; 
}

html, body {
    overflow-x: hidden;
}
body {
    position: relative;
}


/* Menu*/

.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}

/*
Scroll
*/

/*
 *  STYLE 7
 */

 html::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #101911;
 }
 
 html::-webkit-scrollbar
 {
     width: 10px;
     background-color: #101911;
 }
 
 html::-webkit-scrollbar-thumb
 {
     background-color: #ffffff;
     border-radius: 100px;
     background-image: -webkit-linear-gradient(45deg,
     rgba(255, 255, 255, .2) 25%,
     transparent 25%,
     transparent 50%,
     rgba(255, 255, 255, .2) 50%,
     rgba(255, 255, 255, .2) 75%,
     transparent 75%,
     transparent)
 }


/*
 _____ _____ _____ 
|  _  |  |  |     |
|     |    -| | | |
|__|__|__|__|_|_|_|              
 _____ _____ _____ _____ _____ _____ _____ _____ _____ 
|  _  |   __| __  |   __|     | __  |     |     |  _  |
|   __|   __|    -|   __|  |  |    -| | | | | | |     |
|__|  |_____|__|__|__|  |_____|__|__|_|_|_|_|_|_|__|__|

*/