*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

:root{
    color-scheme: light dark;
    background-color: #fff !important;
    color: #000 !important;

    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (prefers-color-scheme: dark) {
    :root {
        color: #000 !important;
        background-color: #ffffff !important;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        color: #000 !important;
        background-color: #ffffff !important;
    }
}

/* Scroll Bar Customization */

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

::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: 140px;
}

::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
}

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

@media (width < 480px) {
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    
    #hamburgerMenu::-webkit-scrollbar {
        display: none;
    }
}