/*
mains:
#14121c
#191a49
#64698d

accents: 
#ffffff white
#f7f7f7 light grey
*/

body,
html,
a,
p,
button,
#main {
	font-family: 'Futura', 'Trebuchet MS', Arial, sans-serif;
	overflow: hidden;
}

html {
	scroll-behavior: auto;
	overflow-y: unset;
}

body,
#main {
	margin: 0;
	color: white;
	min-height: 100lvh;
	min-width: 100lvw;
}

body:before {
	content: '';
}
body:after {
	content: '';
}

/* Medium and large screens */
@media screen and (min-width: 640px) {
	body:before {
		height: 100vh;
	}
}

@media screen and (min-width: 768px) {
	body {
		font-size: 1.5em;
	}
}

/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: grey;
	border-radius: 10px;
}