@charset "UTF-8";/*!

/*  E stuff extending pico css*/



html {
   min-height: 100%;
   background-image: url(../../i/202401_19_ZZ65076-1400px.webp);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}


main {
	padding: 20px !important;
	border-radius: 10px;
	margin-top: 60px;

    background: linear-gradient(-30deg, #FFAC17, #A91419, #FBDA1E, #FB1E87);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

article {
	height: 100%;
}

article.hover:hover {
	opacity: 0.6;
}

button {
	width: 100%;
	margin-top: 20px !important;
	margin-bottom: -20px !important;
	font-size: 0.8rem !important;
}


footer {
	margin-top: 20px;
}

footer p {
	color: white !important;
	font-size: 0.5em !important;
	line-height: 1.4 !important;
}

footer a {
	color: white !important;
	text-decoration: underline;
}

footer a:hover {
	color: lightgrey !important;
	text-decoration: underline lightgrey;
}


.logo-img {
	width: 80%;
	margin: 40px 0px;
}


.container {width: 90%;}

@media (min-width:200px){.logo-img {width: 70%;}}
@media (min-width:576px){.logo-img {width: 70%;}}
@media (min-width:768px){.logo-img {width: 65%;}}
@media (min-width:1024px){.logo-img {width: 60%;}.container {width: 800px !important;}}
@media (min-width:1280px){.logo-img {width: 60%;}.container {width:  800px !important;}}
@media (min-width:1536px){.logo-img {width: 60%;}.container {width:  800px !important}}


ul.dash {
  list-style-type: none;
  /*use padding to move list item from left to right*/
  padding-left: 1em;
}

ul.dash li:before {
  content: "–";
  position: absolute;
  /*change margin to move dash around*/
  margin-left: -1em;
}

ul.dash li {
list-style: none !important;
}

.secondary a {
color: #fff !important;
text-decoration: none;
}

footer p  {
	font-size: 0.5em !important;
	line-height: 1.4 !important;
}

@font-face { font-family:Inter; font-style:normal; font-weight:300; font-display:swap; src:url("/f/Inter-Light.woff2?v=4.0") format("woff2"); }

