@charset "UTF-8";

body,html {
margin:0px auto;
padding:0px auto;
width:100%;
height:100%;
background-color:black;
background-image:url(tittle.webp),url(galante_back.webp),url(back.webp);
background-blend-mode:difference,normal,normal;
background-position:15px 15px,center,center;
background-size:30%,65%,cover;
background-attachment:fixed;
background-repeat:no-repeat;
cursor: url(curs.cur),auto;
}
a {
text-decoration:none;
}
a, a:hover {
cursor:url(curs3.cur),auto;
}
h2 {
position:relative;
float:right;
right:4%;
font-size:1.5vw;
color:gold;
}
figure {
float:left;
width:8em;
}
figcaption {
display:inline-block;
text-align:center;
width:9em;
height:auto;
color:wheat;
border:1px solid aqua;
border-radius:15px;
background-color:black;
}
.page {
position:fixed;
width:100%;
height:100%;
}
img {
width:102%;
margin:2px;
border-radius:15px;
border:2px double gold;
}
.set {
position:relative;
top:60%;
margin:0 auto;
text-align:center;
width:65%;
overflow:hidden;
}
.bordering {
border-image:url(line.png);
border-image-slice:600;
border-image-width:100%;
border-image-outset:90px;
border-image-repeat:repeat;
}
.contain {
position:relative;
width:352rem;
height:160px;
padding:5px;
border:none;
-moz-animation:marquee 35s linear infinite;
-webkit-animation:marquee 35s linear infinite;
animation:marquee 35s linear infinite;
}
.contain:hover {
animation-play-state:paused;
}
.unten {
position:absolute;
width:100%;
height:auto;
bottom:1%;
}
@-moz-keyframes marquee {
0% {
left:100%;
}
100% {
left:0;
transform: translateX(-100%);
}
}
@-webkit-keyframes marquee {
0% {
left:100%;
}
100% {
left:0;
transform: translateX(-100%);
}
}
@keyframes marquee {
0% {
transform:translateX(0, 0);
left:100%;
}
100% {
left:0;
transform:translateX(-100%);
}
}