@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/* reset styles */
html {line-height: 1.5;-webkit-text-size-adjust: 100%;width:100%;height:100%;padding: 0;}body {margin: 0;width: 100%;height: 100%;padding: 0;}main {display: block;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.5;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}
/* reset styles */

*{
	--fontSerif:"Cormorant Garamond", serif;
	--fontSanSerif:"Jost", sans-serif;
	--fontText:var(--fontSanSerif);
	--fontRegular:var(--fontSanSerif);
	--fontHeader:var(--fontSerif);

	--colorBeige:#FDFBF3;
	--colorRed:#DA2429;
	--colorWhite:#fff;
	--colorBlack:#000;
	--colorText:#3C3C3B;

	--buttonSize:50px;
	--infoboxTextBottomPadding:90px;

	--headerHeight:4.69vw;

	/* --transition01:all 0.3s cubic-bezier(.76,.15,.37,.83); */
	--transition01:all 0.3s ease-in-out;
}

@media (max-width: 480px) {
	*{
			--headerHeight:60px;
	}
}

.ggskin, .menuButtonText, .menuLevelCounter, .menuLevel02Description, .loaderButton, .loaderInfoText, .loaderCopyright, .startButton{
	font-family: var(--fontText);
	font-size: 1rem;
}



::-webkit-scrollbar {
    width: 5px;
	background-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
    background: black;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

.bottomGradient{
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;
	opacity: 0.3 !important;
	transition: all 0.3s ease-in-out !important;
}
.bottomGradient.hover{
	opacity: 0.5 !important;
}

.tippy-content{
	font-family: var(--fontSanSerif);
	padding: 0.7rem 1rem;
}

.bottomRightButtons{
	display: flex !important;
	align-items: flex-end;
    justify-content: flex-end;
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1) !important;
}
.bottomRightButtons > div{
	position: relative !important;
	margin: 10px 5px;
}
.bottomRightButtons > div:nth-child(2){
	margin-right: 10px;
}