/* overpass-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/overpass-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* overpass-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 800;
  src: url('../assets/fonts/overpass-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html			{margin:0; padding:0;}
body			{background:rgb(198,245,73); background:linear-gradient(135deg, rgba(219,247,143,1) 4%, rgba(175,222,114,1) 22%, rgba(88,176,51,1) 100%) fixed; height:100vh; padding:0; margin:0; font-family:'Overpass', sans-serif;}
header    {padding-top:7em;}
h1				{text-align:center;	font-size:4em; color:#FFF; letter-spacing:0.15em; text-transform:uppercase; margin:0;}

nav				{display:flex; flex-flow: row wrap; justify-content: center; gap:4em 0;}
nav section		{max-width:calc(min(100vw, 1200px)/3 - 100px); justify-content: center; flex: 1 1 auto; padding:0 40px; position: relative; min-width:200px;}
nav section + section { border-image:linear-gradient(135deg, rgba(198,245,73,0) 16%, rgba(255,255,255,1) 40%, rgba(88,176,51,0) 55%) 1; border-width: 0 0 0 0.2em; border-style: solid;}
nav section a {display:block; }
nav section	img	  {max-width:100%; height:250px; object-fit: scale-down;} 
nav section img:hover {background: radial-gradient(ellipse, rgba(255,255,255,0.3) 4%, rgba(88,176,51,0) 48%);}
nav section ul    {margin:0; padding:0; color:#FFF; list-style-type:"*"; text-align: justify;}
nav section ul li {margin-bottom:1em; padding-left: 1em;}

.wrapper		{max-width:1400px; margin:auto;}

@media screen and (max-width: 600px)
{
  body                    {font-size: 0.8em;}
  nav section + section   {border:none;}
  nav section img         {height: 200px;}

}