/* Reset */

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

* {
	margin: 0;
}

body {
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font-family: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

#root,
#__next {
	isolation: isolate;
}

button {
	background-color: transparent;
	border: none;
	padding: 0;
}

ul,
ol {
	list-style: none;
	/*list-style-position: outside;*/
	padding: 0;
}

iframe {
	border: none;
}

table {
	/* remove the gaps between the cells, making border appear as a single line */
	/* make sure adjacent borders don't double up */
	border-collapse: collapse;
}

@font-face {
	font-family: 'font';
	src: url('/fonts/font.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

* {
	font-family: 'font', sans-serif;
}

html,
body {
	overscroll-behavior: none;
    cursor: url('/cursor.png') 18.5 32, auto;
}

body {
    /* overflow: hidden; */
}

a {
	text-decoration: none;

	&:visited {
		color: inherit;
		text-decoration: none;
	}
}

a:not(:disabled):hover,
button:not(:disabled):hover {
    cursor: url('/cursor_hover.png') 18.5 32, pointer;
}

.only-mobile {
    display: none !important;
}

.only-mobile-large {
    display: none !important;
}

.only-tablet {
    display: none !important;
}


.only-desktop {
    display: none !important;
}

@media (max-width: 599px) {
    .only-mobile {
        display: flex !important;
    }
}

@media (max-width: 799px) {
    .only-mobile-large {
        display: flex !important;
    }
}

@media (min-width: 600px) and (max-width: 1099px) {
    .only-tablet {
        display: flex !important;
    }
}

@media (min-width: 1100px) {
    .only-desktop {
        display: flex !important;
    }
}

@media (max-width: 599px) {
    .hidden-mobile {
        display: none !important;
    }
}

@media (max-width: 799px) {
    .hidden-mobile-large {
        display: none !important;
    }
}

@media (max-width: 1099px) {
    .hidden-tablet {
        display: none !important;
    }
}

@media (min-width: 1100px) {
    .hidden-desktop {
        display: none !important;
    }
}