@import url(font/stylesheet.css);

:root {
	--polar: #2e6095;
	--net: #ab1cff;
	--main-color: #f6e6ef;
	--april-pink: #ff0089;
	--april-blue: #4050b5;
	
	--font-family: "Montserrat", sans-serif;
	--second-family: "Pattaya", sans-serif;
	--third-family: "Nunito", sans-serif;
	--font3: "Roboto Condensed", sans-serif;
	--font4: "Nunito Sans", sans-serif;
}

* {
	padding:0;
	margin:0;
	box-sizing:border-box;
}

body {
	font-size:16px;
	background:#F6E6EF;
}

img {
	display:block;
}

.wrap {
	max-width:1200px;
	width:100%;
	padding:0 10px;
	margin:0 auto;
	
}

.mobile-menu-wrap {
	width:100%;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	background: #fff;
	position:absolute;
	top:135px;
	left:0;
	z-index:10;
}

.mobile-menu-wrap.open {
	max-height: 240px;
	transition: max-height 0.5s ease-in;
}

#mobile-menu {
	list-style:none;
	padding:20px;
	margin:0;
	display:flex;
	flex-direction:column;
	gap:20px;
}

#mobile-menu li {
	border: 1px solid var(--april-pink);
	border-radius: 10px;
	padding: 10px 20px;
}

#mobile-menu li a {
	text-decoration:none;
	font-family: var(--third-family);
	font-weight: 300;
	font-size: 16px;
	color: #000;	
}