/**
* import Fonts
*/

@import url(/resources/css/fonts.css);

/**
* import variables.css file 
*/

@import url(/resources/css/variable.css);

/**
* Remove default margin & padding
*/

* {
    margin: 0;
    padding: 0;
}

img {
    width: 100%;
    object-fit: cover;
}

/**
* more-intuitive box-sizing model.
*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

/**
* Default font-family 
*/

html {
    font-family: "Roboto", "Arial", sans-serif;
}

/**
* All heading color 
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-color-thin);
}


body {
    background: rgba(53, 56, 61, 1) 100% ;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}


/**
* remove form default
*/

input,
button,
select {
    background: none;
    border: none;
    outline: none;
}

button {
    cursor: pointer;
}


/**
* change link default
*/

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

/**
* change default scrollbar style 
*/

::-webkit-scrollbar {
    background: transparent;
    max-width: 8px;

}

::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.63);
    border-radius: 5em;


}