/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 16, 2023 */



@font-face {
    font-family: 'rawengulkbold';
    src: url('rawengulkbold-webfont.woff2') format('woff2'),
         url('rawengulkbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rawengulkdemibold';
    src: url('rawengulkdemibold-webfont.woff2') format('woff2'),
         url('rawengulkdemibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rawengulklight';
    src: url('rawengulklight-webfont.woff2') format('woff2'),
         url('rawengulklight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rawengulkpcsregular';
    src: url('rawengulkpcs-webfont.woff2') format('woff2'),
         url('rawengulkpcs-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rawengulkregular';
    src: url('rawengulkregular-webfont.woff2') format('woff2'),
         url('rawengulkregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rawengulkultralight';
    src: url('rawengulkultralight-webfont.woff2') format('woff2'),
         url('rawengulkultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'simplificasimplifica';
    src: url('simplifica_typeface-webfont.woff2') format('woff2'),
         url('simplifica_typeface-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'celine_peach_freesans';
    src: url('celine_peach_sans-webfont.woff2') format('woff2'),
         url('celine_peach_sans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/**menu**/
:root{
	--primary-color: rgba(13,110,139,0.75);
	--secondary-color: rgba(225,225,225,0.9);
	--overlay-color: rgba(0,0,0,0.85);
	--menu-speed:0.75s;
}
.menu-wrap{
	position:fixed;
	top:8vh;
	right:10vw;
	z-index::2;
	box-sizing:border-box;
	margin:0;
	padding:0;
	
}
.menu-wrap .toggler{
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	cursor:pointer;
	width:60px;
	height:60px;
	opacity:0;
	
	
}
.menu-wrap .hamburger{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	width:50px;
	height:50px;
	padding:1rem;
	display:flex;
	align-items: center;
	justify-content: center;
}
/**hamburger line*/
.menu-wrap .hamburger > div {
	position:relative;
	flex:none;
	width:100%;
	height: 5px;
	background-color:#fff;
	display:flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease;
}
/**hamburger lines top and bottom*/

.menu-wrap .hamburger > div::before,
.menu-wrap .hamburger > div::after{
	content:'';
	position:absolute;
	z-index:2;
	top:-15px;
	width:100%;
	height:5px;
	background:inherit;
	margin-bottom:5px;
}

.menu-wrap .hamburger > div::after{
	top:15px;
}
/*toggler animation*/
.menu-wrap .toggler:checked+.hamburger>div{
	transform: rotate(135deg);
}
/**turns line into x*/
.menu-wrap .toggler:checked+.hamburger>div::before,
.menu-wrap .toggler:checked+.hamburger>div::after{
	top:0;
	transform:rotate(90deg);
}
/*rotate on hover when checked*/
.menu-wrap .toggler:checked:hover + .hamburger>div{
	transform:rotate(225deg);
}
/*show menu*/
.menu-wrap .toggler:checked ~ .menu{
	visibility:visible;

}
.menu-wrap .toggler:checked ~ .menu>div{
	transform:scale(1);
	transition-duration: var(--menu--speed);

}
.menu-wrap .toggler:checked ~ .menu>div>div{
	opacity:1;
	transition: opacity 0.4s ease 0.4s;
}

.menu-wrap .menu{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	visibility:hidden;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content: center;
}
.menu-wrap .menu > div{
	background: var(--overlay-color);
	border-radius:50%;
	width:400vw;
	height:400vw;
	display:flex;
	flex:none;
	align-items:center;
	justify-content: center;
	transform: scale(0);
}
.menu-wrap .menu > div > div{
	text-align:center;
	max-width:90vw;
	max-height:100vh;
	opacity:0;
	transition:opacity 0.4s ease;
}
.menu-wrap .menu > div > div>ul>li{
	font-family: 'rawengulkbold', Arial, sans-serif;
	list-style:none;
	color:#fff;
	font-size:1.5rem;
	padding:1.5rem;
}
.menu-wrap .menu > div > div>ul>li>a{
	color:inherit;
	text-decoration:none;
	transition: color 0.4s ease;
}
.menu-wrap .menu > div > div>ul>li>a:hover{
	color: var(--secondary-color);
}

@media (max-width: 600px) {
	.menu-wrap{
	position:fixed;
	top:4vh;
	right:5vw;
	z-index::2;
	box-sizing:border-box;
	margin:0;
	padding:0;
	
}
.menu-wrap .toggler{
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	cursor:pointer;
	width:40px;
	height:40px;
	opacity:0;
	
	
}
.menu-wrap .hamburger{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	width:30px;
	height:30px;
	padding:1rem;
	display:flex;
	align-items: center;
	justify-content: center;
}
/**hamburger line*/
.menu-wrap .hamburger > div {
	position:relative;
	flex:none;
	width:100%;
	height: 3px;
	background-color:#fff;
	display:flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease;
}
/**hamburger lines top and bottom*/

.menu-wrap .hamburger > div::before,
.menu-wrap .hamburger > div::after{
	content:'';
	position:absolute;
	z-index:2;
	top:-10px;
	width:100%;
	height:3px;
	background:inherit;
	margin-bottom:5px;
}

.menu-wrap .hamburger > div::after{
	top:10px;
}
.menu-wrap .menu > div > div>ul>li{
	font-family: 'rawengulkbold', Arial, sans-serif;
	list-style:none;
	color:#fff;
	font-size:1rem;
}



}