@font-face {
  font-family: 'Corsa';
  src: url('./fonts/CorsaGrotesk-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Corsa';
  src: url('./fonts/CorsaGrotesk-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Corsa';
  src: url('./fonts/CorsaGrotesk-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Corsa';
  src: url('./fonts/CorsaGrotesk-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }


.header {
	background-color: #6868ac;
}
.header__nav a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: inline-block;
	font-family: 'Corsa'; 
}

.mobile-menu__inner {
	justify-content:center;
}
.mobile-menu__nav {
    margin-top: 100px;
}


.mobile-menu__nav a {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
	font-family: 'Corsa'; 
	padding: 20px 0;
}


/* css animation */
/*.menu__list-item a {*/
/*     border: none;*/
/*	 background: #fff;*/
/*	 position: relative;*/
/*	 box-shadow: 0 0 0 1px rgba(0, 0, 0, .06);*/
/*}*/
/*.menu__list-item a::after {*/
/*	 position: absolute;*/
/*	 content: "";*/
/*	 top: 2px;*/
/*	 left: 0;*/
/*	 right: 0;*/
/*	 z-index: -1;*/
/*	 height: 100%;*/
/*	 width: 100%;*/
/*	 transform: scale(0.9) translateZ(0);*/
/*	 filter: blur(20px);*/
/*	 background: linear-gradient(to left, #ff5770, #e4428d, #c42da8, #9e16c3, #6501de, #9e16c3, #c42da8, #e4428d, #ff5770);*/
/*	 background-size: 200% 200%;*/
/*	 animation: animateGlow 2.75s linear infinite;*/
/*}*/
/* @keyframes animateGlow {*/
/*	 0% {*/
/*		 background-position: 0% 50%;*/
/*	}*/
/*	 100% {*/
/*		 background-position: 200% 50%;*/
/*	}*/
/*}*/
/* end css animation */

.menu__list-item a {
	font-weight: 700;
    font-size: 14px;
	font-family: 'Corsa'; 
}

.text-container, .text-container__inner {
	margin-top: 10px;
}

@media (max-width: 767px){
	.menu__list {
		gap: 10px 2px;
}}

#tsparticles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff; 
    
}