html, body, h1{ margin: 0px; padding: 0px;}
body{
	font-family: Cambria, Georgia, serif;
	background-image: url("../images/background.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: image-set(
    "../images/background.avif" type("image/avif"),
	"../images/background.webp" type("image/avif"),
    "../images/background.jpg" type("image/jpeg")
  ); 
}

.avif body{
	background: url("../images/background.avif");
}

.webp body{
	background: url("../images/background.webp");
}

.sl-download{ margin-bottom: 20px; }
.sl-download a{ font-size: 15pt; color: black !important; text-decoration: none;}
#nav{ font-size: 15pt}
#nav a, #nav a:visited, #nav a:hover { color: #fff; text-decoration: none; }
#nav, #wrapper, #footer{ max-width: 1070px; margin: 0px auto;}
#nav, #wrapper{ margin: 10px auto; }
#wrapper{  padding: 10px; background: rgba(255,255,255,0.4); border-radius: 20px;}
.gallery a{ width: 200px; height: 200px; margin: 5px; background: #000; display:inline-block; border-radius: 10px;}
.gallery a img{ width: 200px; height: 200px; border-radius: 10px; }
.gallery a:hover img{ opacity: 0.8; }
#footer{ text-align:right; color: #fff;}
ul.winners li{ list-style: none;}
ul.winners li:before {
  content: "";
  display: inline-block;
  height: 1em;
  width: 1em; 
  margin-right: 10px;
  background-repeat: none;
}
span.rank{
  z-index: 25;
  height: 50px;
  width: 50px; 
  position: relative;
  bottom: 200px;
  left: 150px;
  display: block;
  background-repeat: no-repeat;
}
span.r1, li.r1:before{ background-image: url("../images/1st-prize-icon.svg")}
span.r2, li.r2:before{ background-image: url('../images/2nd-prize-icon.svg')}
span.r3, li.r3:before{ background-image: url('../images/3rd-prize-icon.svg')}

@media (max-width:680px){
	.gallery{ text-align:center; margin: 10px; }
	.gallery a{ width: 350px; height: 350px; }
	.gallery a img{ width: 350px; height: 350px; }
	#nav, #footer{ text-align: center }
	span.rank{ bottom: 350px; left: 300px; }
}