body {
  font-family: "Lack Regular", sans-serif;
  min-height:100%;
  margin: 0px;
	  padding: 0px;
		font-size: 16px;
}


.serpent{
  position:absolute;
    z-index: 10;
  background-image: url(../img/corndog.gif);
  background-position:center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.serpent:hover{
  cursor: grab;
}



.dragon{
  z-index: 10;
  width:100%;
  position: absolute;
/*  -moz-animation: scroll-left 10s linear infinite;
  -webkit-animation: scroll-left 10s linear infinite;
  animation: scrol-left 10s linear infinite;*/

}


        @-moz-keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
            }
        }

        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
            }
        }

        @keyframes scroll-left {
            0% {
            left:100%
            }
            100% {
            left:0%
            }
        }




/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


@font-face {
	font-family:"Lack Regular";
	src: url("Lack-Regular.otf") format("opentype");
}


img{
	max-width: 100%;
	max-height: 100%;
}



div#preload {
    display: none;
}

.ligne{
	display:flex;
	border: 3px solid red;
}


#radio {
	text-decoration: none;
	color:#0019ff
}


.gallery {
display:flex;
  margin-left:12%;
}
.colonne{
	width:50%
}
.colonne img{
  width: 100% !important;
  height: auto !important;}


.ul {
	border:5px solid #0019ff;
 padding:0;
 margin:0;
 list-style-type: none;
  width: 12%;
  background-color: white;
  position: fixed;
  height: 100%;
  overflow: auto;
}

.li a {
	 border:5px solid #0019ff;
	padding:0;
  margin:5px;
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

.li a.active {
  background-color: #0019ff;
  color: white;
}

.li a:hover:not(.active) {
  color: #0019ff;
	font-style: italic;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}