<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Retour à la ligne automatique">
</head>
<body>
<pre>@import url("https://fonts.googleapis.com/css?family=Anton");
@import url("https://fonts.googleapis.com/css?family=Kavivanar");
@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Raleway");
body {
margin: 0px;
}
.top {
background-image: url("../img/background.png");
height: 100%;
width: auto;
text-align: center;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
h1 {
display: inline-block;
color: white;
font-family: "Anton", serif;
font-size: 10vw;
text-shadow: 0.03em 0.03em 0px #049b36;
margin-top: 80px;
animation-name: header;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes header {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.topbtn {
font-size: 2.5em;
margin-top: 1vh;
border: 3px solid #02d849;
background-color: transparent;
border-radius: 60px;
transition-duration: 0.4s;
padding: 4px 18px;
font-family: "Oswald", sans-serif;
cursor: pointer;
-moz-appearance: button;
-webkit-appearance: button;
appearance: button;
text-decoration: none;
animation-name: header;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.topbtn:hover {
background-color: #02d849;
color: white;
box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.24), 0px 17px 50px 0px rgba(0, 0, 0, 0.19);
font-family: "Oswald", bold;
padding: 10px 40px;
border-radius: 30px;
}
.content {
background-color: #f7f7f7;
padding: 100px;
font-family: "Raleway", sans-serif;
font-size: 1.5em;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.24), 0px 17px 50px 0px rgba(0, 0, 0, 0.19);
}
.contenttitle {
background-color: #f7f7f7;
font-family: "Raleway", bold;
font-size: 2em;
margin-top: 0px;
text-align: center;
}
.contentitle {
background-color: #f7f7f7;
font-family: "Raleway", bold;
font-size: 8mm;
margin-top: 0px;
text-align: center;
}
.gamemodes {
text-align: center;
background-color: rgba(230, 230, 230, 0.82);
padding: 100px;
font-family: "Raleway", sans-serif;
font-size: 1.5em;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.24), 0px 17px 50px 0px rgba(0, 0, 0, 0.19);
}
.gamemodeimg {
border-radius: 10px;
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.24), 0px 17px 50px 0px rgba(0, 0, 0, 0.19);
width: 35%;
margin-right: 0px;
transition-duration: 0.4s;
}
.gamemodeimg:hover {
border-radius: 10px;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.24), 0px 17px 50px 0px rgba(0, 0, 0, 0.19);
width: 35%;
margin-right: 0px;
transform: scale(1.01);
}
.gamemodedes {
float: right;
}
.gamemodetxt {
position: absolute;
top: 200px;
left: 0px;
width: 100%;
}
.gamemode {
position: relative;
width: 100%;
}
.gamemodetxt span {
color: white;
font: bold 50px / 45px Helvetica sans-serif;
letter-spacing: -1px;
background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
padding: 10px;
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.24), 0px 17px 50px 0px rgba(0, 0, 0, 0.19);
}
hr {
background: #02d849 none repeat scroll 0% 0%;
border: medium none;
color: #02d849;
height: 5px;
border-radius: 10px;
margin-top: 0px;
animation-name: hr;
animation-duration: 0.3s;
animation-timing-function: ease-in;
width: 60px;
}
@keyframes hr {
0% { width: 0px; }
100% { width: 60px; }
}
h2 {
text-decoration: underline;
}
#BG_1614061536756_82621 {
background-color: #414141;
border-width: 50px;
border-radius: 0px;
}
#BG_1614062033741_89450 {
background-color: #414141;
}
</pre>
</body>
</html>