@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
	html { font-family: 'Inter var', sans-serif; }
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #333;
	background:#e5eaeb;
	box-sizing: border-box;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Opera and Firefox */
}

.thinscroll {
    overflow:auto;
    scrollbar-width: thin;
    /* -ms-overflow-style: none; */
}
.thinscroll::-webkit-scrollbar {
    width: 10px;
}
.thinscroll::-webkit-scrollbar-track {
    background-color: #fff;
	border-radius: 6px;
	/* border-left:1px solid #eee; */
}
.thinscroll::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 10px;
    border: 2px solid #fff;
}
.thinscroll::-webkit-scrollbar-button {
    display:none;
}



@media (min-width: 1281px) {
    /* #desktop { display:block; } */
}
@media (min-width: 481px) and (max-width: 1280px) {
    /* #tablet { display:block; } */
}
@media (max-width: 480px) {
    /* #mobile { display:block; } */
}
@media (orientation: landscape) {
    /* #box { flex-direction: row; } */
}
@media (orientation: portrait) {
    /* #box { flex-direction: column; } */
}