@import '../../style/fonts.css';

html,body {
    scroll-behavior: smooth;
    /* scrollbar-width: 0%; */
}

* {
    text-decoration: none;
    list-style: none;
    scroll-behavior: smooth;
}

a {
    color: var(--dark);
    text-decoration: none !important;
}

.container {
    max-width: 1255px;
}

a:hover {
    color: var(--dark);
    text-decoration: none !important;
    transition: color 300ms;
}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    }


::-webkit-scrollbar {
    width: 15px;
}

  
::-webkit-scrollbar-track {
    background-color: transparent;
}


::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 15px;
    border: solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

button:active, button:focus {
	outline: none;
}
button::-moz-focus-inner {
	border: 0;
}


.btn-back-to-top {
      position: fixed;
      bottom: 20px;
      left: 20px;
      background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%);
      border-radius: 50%;
      border: none;
      cursor: pointer;
      display: none;
      width: 80px;
      height: 80px;
      box-shadow: 0px 0px 15px 0px rgba(2, 183, 175, 1);
}

.btn-back-to-top img {
    pointer-events: none;
}


/********************************************************************************************************************************************/
/******************************/
/*   ROOT START   */


.p-0 {
    padding: 0;
}

.m-0 {
    margin: 0;
}

:root {
    --white: #ffffff;
    --gray: #f8f9f9;
    --dark: #191919;
    --mm100: 'MT';
    --nn400: 'NSR';
    --mm400: 'MSR';
    --mm500: 'MM';
    --mmB: 'MB' ;
    --mm600: 'MSB';
    --mm600i: 'MSBItalic';
    --mm700i: 'BoldItalic';
    --mm900: 'MSBlack';
    --moo400: 'MOL';
}

/*   ROOT END   */
/******************************/
/********************************************************************************************************************************************/