body {
	margin: 0;
	padding: 0;
}

header{
	display: block;
	border-bottom: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 0 3px rgba(0,0,0,.25);
	background-color: #111e2e;
	width: 100%;
	height: 50px;
	text-align: center;
}

header ul{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	height:50px;
}

.edit-mode-desc{
	display: inline-block;
	font-size: 13px;
}

.header-left{
	float:left;
	margin-left: 75px;
}

.header-right{
	float:right;
	margin-right: 75px;
}

.copy-press{
	opacity: 0;
	position: fixed;
	bottom: -100px;
	margin-left: 10px;
	background: white;
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 0 30px 0 10px;
	font-size: 15px;
	letter-spacing: -0.5px;
	transition: 1s all ease-in-out;
	z-index: 11;
}

.fixed{
	position:fixed !important;
}

#jacket{
	max-height: 440px;
}

.not-overflow{
	overflow:auto !important;
}

.main-container-classic{
	overflow:hidden;
}

.add-game{
	font-family: Arial;
	font-size: 18px;
	background: #e1e1e1;
	padding: 20px;
	text-align: center;
}

#panorama-list, #game-list{
	font-family: Arial;
	font-size: 18px;
}

.add-game h2{
	color: #f21d1d;
	font-size: 30px;
}

.btn-send, #panorama-list{
	cursor:pointer;
}

.btn-send:hover{
	background:#acacac;
}

.btn-send{
	padding: 5px 15px;
	background: white;
	font-family: Arial;
	font-size: 18px;
}

.add-game .separator-add{
	margin-bottom:20px;
	margin-top:20px;
}

.is-send{
	background: #111e2e;
	color: white;
	padding: 20px;
	text-align: center;
	font-family: Arial;
	border-top: 2px solid gray;
}

.center-div{
	background-color: #fff;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	min-height: 653px;
	font-family: 'Montserrat', sans-serif;
}

.sign-in h1{
	font-family: 'Montserrat', sans-serif;
	margin-bottom:0;
}

.center-div p{
	font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.3px;
    margin: 20px 0;
}

div.ays_lb_container {
	padding-top: 15px;
	padding-bottom: 30px;
	width: 50%;
	margin: auto;
	overflow-x: auto;
}

.ays_lb_container p{
	display: inline-block;
}

.ays_lb_li{
	text-align:center;
	background: #334966;
}

.header-right .li-nav a{
	text-transform: capitalize;
}

.ays-leaderboard-main-container svg {
	fill: #fff;
	width:20px;
	height:20px;
	display: inline-block;
	position: relative;
	top: 4px;
}

.ays_lb_li td, .ays_lb_li th{
	padding: 5px;
}

.ays_lb_container.ays_glb_container.ays-leaderboard-main-container, .ays_lb_container.ays-leaderboard-main-container {
	padding: 20px;
	background: #111;
	border-radius: 15px;
	margin-bottom: 50px;
	color:white;
	margin-top: 40px;
	font-family: Anta;
}

.ays_lb_container h2{
	font-family: 'Anta', sans-serif;
	font-size: 20px;
	font-weight: normal;
}

.leaderboards{
	display: inline-block;
	width: 100%;
	background:#172435;
}

.center-div span{
	font-size: 12px;
}

.center-div a{
	color: #333;
    font-size: 13px;
    text-decoration: none;
    margin: 15px 0 10px;
}

#infos-input{
	position: absolute;
	bottom: 15px;
	text-align: center;
	margin: auto;
	left: 50%;
	transform: translate(-50%, 0%);
	color: white;
	opacity :0;
	transition: 2s ease-in-out;
	font-family: Anta;
	text-shadow: 0 .125rem .5rem black;
	width:90%;
	font-size: 17px;
}

.center-div .button{
    background-color: #1f3655;
    color: #fff;
    font-size: 12px;
    padding: 10px 45px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 15px;
    cursor: pointer;
	font-family: 'Montserrat', sans-serif;
}

.center-div .button.hidden{
    background-color: transparent;
    border-color: #fff;
}

footer .header-left-footer ul{
	display:none;
	padding: 0;
}

footer dd a:hover{
	color: white;
}

.center-div form{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    height: 100%;
}

.center-div input{
    background-color: #e1e1e1;
    border: none;
    margin: 8px 0;
    padding: 10px 15px;
    font-size: 13px;
    border-radius: 8px;
    width: 300px;
    outline: none;
}

.user-box{
	margin-bottom: 15px;
}

.center-div label{
	display: block;
}

.form-container{
    position: absolute;
    top: 0;
    height: 100%;
    transition: all 0.6s ease-in-out;
}

.sign-in{
    left: 0;
    width: 50%;
    z-index: 2;
}

.center-div.active .sign-in{
    transform: translateX(100%);
}

.sign-up{
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s;
}

.center-div.active .sign-up{
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    animation: move 0.6s;
}

@keyframes move{
    0%, 49.99%{
        opacity: 0;
        z-index: 1;
    }
    50%, 100%{
        opacity: 1;
        z-index: 5;
    }
}

.toggle-container{
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: all 0.6s ease-in-out;
    border-radius: 150px 0 0 100px;
    z-index: 1000;
}

.center-div.active .toggle-container{
    transform: translateX(-100%);
    border-radius: 0 150px 100px 0;
}

.toggle{
    background-color: #1f3655;
    height: 100%;
    background: linear-gradient(to right, #172435, #1f3655);
    color: #fff;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateX(0);
    transition: all 0.6s ease-in-out;
}

.center-div.active .toggle{
    transform: translateX(50%);
}

.toggle-panel{
    position: absolute;
    width: 45%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 30px;
    text-align: center;
    top: 0;
    transform: translateX(0);
    transition: all 0.6s ease-in-out;
}

.main-data{
	background: #111e2e;
	text-align: center;
	color: white;
	padding: 10px;
	font-family: Anta;
	width: 50%;
	margin: auto;
	border-radius: 25px;
	margin-bottom: 25px;
}

.toggle-left{
    transform: translateX(-200%);
}

.center-div.active .toggle-left{
    transform: translateX(0);
}

.toggle-right{
    right: 0;
    transform: translateX(0);
}

.center-div.active .toggle-right{
    transform: translateX(200%);
}

.errorcontainer{
	margin-bottom: 15px;
	margin-top:15px;
	color: red;
}

.errcontainer{
	margin-bottom: 15px;
	margin-top:15px;
	color: red;
}

.li-nav{
	display:inline-block;
	height:50px;
}

.list-10, .list-20{
	display:inline-block;
}

.center-div.register{
	min-height: 750px;
}

.li-nav a{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial,sans-serif;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	padding: 0 15px;
	cursor: pointer;
}

.li-nav a:hover{
	color: #c20000;
}

nav{
	display:inline-block;
	width:100%;
	height: 50px;
}

.logo-container{
	float: left;
	height:50px;
	line-height: 50px;
	margin-right:25px;
}

.left-help{
	float: left;
	width:50%;
}

.right-help{
	float: right;
	width:50%;
}

.help-btn{
	width:240px !important;
	margin-top: 15px;
}

.main-help{
	display: inline-block;
	width:100%;
	padding: 25px 0;
  background: #0f0f0f;
}

.main-help h1{
	font-family: 'Anta';
	margin-top: 10px;
	margin-bottom: 35px;
	color: white;
}

.in-left-help, .in-right-help{
	text-align: center;
	width: 80%;
	margin: auto;
	background: #111e2e;
	padding: 8px;
	border-radius: 25px;
	height: 600px;
	color:white;
	font-family:'Anta';
}

.in-right-help img{
	border-radius: 25px;
}
  
.red-bg{
	width: 60%;
	float:left;
}

.img-bg{
	width: 40%;
	float: right;
	margin-bottom: -3px;
}

.img-bg img{
	width:250px;
	border-radius:25px;
}

.error{
	text-align: center;
	font-size: 18px;
	margin: 250px 0;
}

.in-img-bg{
	width: 100%;
  text-align: center;
  color:white;
  font-family:"Anta";
  margin-top: 200px;
  text-shadow: 0 .125rem .5rem black;
  float: right;
}

.bg-home{
	display: inline-block;
	width: 100%;
	background-image: url("https://www.game-guessr.com/img/background/bg-3.webp");
	background-position: center;
	min-height:820px;
	-webkit-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
	background-size:cover;
}

.discord{
	color:white;
}

.bg-home p{
	font-size: 17px;
}

.red-bg h1{
  font-family: "Anta";
  color: white;
  font-size: 50px;
  margin-bottom: 10px;
  text-shadow: 0 .125rem .5rem black;
}

.header-home .li-nav a{
	font-size: 18px;
	font-family:"anta";
}

.custom-btn {
  width: 200px;
  color: black;
  border-radius: 15px;
  padding: 15px 30px;
  font-family: 'Anta', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(0,0,0,.1),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  text-decoration:none;
}

.btn-15 {
  background: #f0f0f0;
  border: none;
  font-size: 20px;
  z-index: 1;
}
.btn-15:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: black;
  border-radius: 15px;
   box-shadow:inset 2px 2px 2px 0px rgba(0,0,0,.1),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  transition: all 0.3s ease;
}
.btn-15:hover {
  color: #fff;
}
.btn-15:hover:after {
  left: 0;
  width: 100%;
}
.btn-15:active {
  top: 2px;
}

.in-contact{
	text-align: center;
  font-size: 17px;
  font-family: Arial;
}

.cyan{
	color: #00c3ff;
}

.main-gamemode{
	font-family: Anta;
	padding-bottom: 50px;
  	padding-top: 50px;
	max-width: 80%;
	margin: auto;
	text-align:center;
}

#second-level-g{
	display:none;
}

#third-level-g{
	display:none;
	max-width:1000px;
}

#difficulty_level_h2{
	color: white;
  margin-top: 20px;
  text-shadow: 0 .125rem .5rem black;
  font-size: 30px;
}

.platform-easy{
	display:none;
}

.platform-medium{
	display:none;
}
.platform-hard{
	display:none;
}

.img-bg-gamemode{
	background-image: url("https://www.game-guessr.com/img/background/bg-4.webp");
	min-height: 680px;
}

.img-bg-gamemode #svg-back{
	margin-left: 25px;
	margin-top: 10px;
	position: absolute;
	background: #a21d1d;
	border-radius: 14px;
	display:none;
	cursor:pointer;
}

.in-form-gamemode h2{
	text-shadow: 0 .125rem .5rem black;
}

.main-gamemode h1{
	font-family: Anta;
	color:white;
	margin-top: 20px;
	text-shadow: 0 .125rem .5rem black;
	font-size: 40px;
}

.in-tier-gamemode{
	width: 25%;
	margin: 0 25px;
	display: inline-block;
	overflow: hidden;
	height: 500px;
	border-radius: 10px;
	cursor:pointer;
	background-position: top;
	background-repeat: no-repeat;
 	background-size: cover;
}

.in-tier-gamemode:hover{
	transform: scale(1.05);
	transition: all 0.3s ease;
}

.tier-gamemode{
	background:black;
	border-radius:10px;
	width: 175px;
	margin:auto;
	margin-top: 370px;
	padding: 10px;
}

.bg-gamemode-1{
	background-image: url("https://www.game-guessr.com/img/page/difficulty.jpg");
}
.bg-gamemode-2{
	background-image: url("https://www.game-guessr.com/img/page/platform.jpg");
}
.bg-gamemode-3{
	background-image: url("https://www.game-guessr.com/img/page/genres.jpg");
}
.bg-gamemode-4{
	background-image: url("https://www.game-guessr.com/img/page/play.jpg");
}
.bg-gamemode-5{
	background-image: url("https://www.game-guessr.com/img/page/platform2.jpg");
}
.bg-gamemode-6{
	background-image: url("https://www.game-guessr.com/img/page/genres2.jpg");
}
.main-p{
	color: #c8001e;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	margin:0;
	text-shadow: 0 .2rem .1rem #242424;
}

.before-p{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.second-p{
	color: white;
	text-align: center;
	font-size: 16px;
	letter-spacing: -0.8px;
	text-shadow: 0 .125rem .5rem black;
	margin-top: 5px;
}

.form-gamemode{
	width: 1000px;
  margin: auto;
  text-align: center;
  padding: 5px 0;
  border-radius: 25px;
  display:none;
  color: white;
}

.align-center{
	text-align:center;
}

.in-dev{
	color: white;
	margin-top: 0;
	text-align: center;
}

.in-dev p{
	font-family: "Anta";
	font-size: 18px;
	text-align: center;
	margin-top:0;
	text-shadow: 0 .125rem .5rem black;
}

.in-dev ul{
	list-style: none;
}

.in-dev li{
	display: inline-block;
	margin: 10px;
	font-size: 18px;
}

.center-bg{
	width: 70%;
	margin: auto;
	margin-top: 100px;
	float: left;
}

.custom-btn-not{
background: #666666bd;
  opacity: 0.9;
  color: white;
  cursor: initial;
  border: none;
  z-index: 1;
  width: 200px;
  border-radius: 15px;
  padding: 15px 30px;
  font-family: 'Anta', sans-serif;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
  box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,.1), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
  text-decoration: none;
}

.desc-home{
	color: white;
	text-align: center;
	margin-top: 0;
	font-family: "Anta";
	text-shadow: 0 .125rem .5rem black;
}

footer{
	background-color:#111e2e;
	padding: 20px 0;
	color:#c5cbdf;
}

.in-footer{
	width: 700px;
	margin: auto;
}

.lists-footer{
	display: flex;
	text-align: center;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.lists-footer dl{
	display:inline-block;
	text-align: left;
}

.lists-footer dt{
	display: block;
	margin-bottom: 8px;
}

.lists-footer dd{
	display: block;
	margin: 5px 0;
	line-height: 1.2rem;
}

.bottom-footer{
	text-align:center;
}

.in-play-mod svg{
	position: absolute;
	right: 42px;
	filter: brightness(0) invert(1);
	top: 12px;
}

.custom-btn-edit{
	padding-right: 45px;
	padding-left: 15px;
}

footer dl dt{
	font-weight: bold;
	color: #888fa4;
	font-family: Arial;
	font-size: 14px;
}

footer dd a{
	text-decoration:none;
	font-family: Arial;
	font-size: 13px;
	color:#c5cbdf;
}

.how-many{
	background-color:#111;
	color:white;
	margin-top: -4px;
}

.in-how-many{
	width:800px;
	margin:auto;
}

.center-how-many{
	display: flex;
	text-align: center;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.row-many{
	display: inline-block;
	margin-left: 26px;
	margin-bottom: 7px;
}
.row-many dt{
	margin-left:40px;
}

.help-me{
	text-align:center;
}

.number{
	font-weight: bold;
	font-family: Arial;
	font-size: 40px;
	margin: 0;
}

.desc{
	font-family: Arial;
	font-size: 18px;
	margin-top: 10px;
}

.cross{
	font-weight: bold;
	font-family: Arial;
	color: white;
	background: red;
	padding: 0 3px;
	float: right;
	position: relative;
	top: -16px;
	cursor:pointer;
}

.cross-2{
	font-weight: bold;
	font-family: Arial;
	color: white;
	background: red;
	padding: 0 3px;
	float: right;
	position: relative;
	cursor:pointer;
}

.modify, .accept{
	cursor:pointer;
}

.modify{
	margin-left: 10px;
}

.help-me a{
	font-family: "Anta";
	display: block;
	margin: 0 auto;
	background: linear-gradient(to bottom right, #ae061f, #cc1836);
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
	box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,.1), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
	margin-bottom:30px;
}

.in-form-gamemode a{
	font-family: "Anta";
	width: 190px;
	margin: 0 10px;
	background: linear-gradient(to bottom right, #ae061f, #cc1836);
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,.1), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
	margin-bottom:30px;
}

.in-text{
	width: 1000px;
	margin: auto;
	margin-bottom:50px;
	margin-top:50px;
}

.in-text p{
	color: black;
	font-family: Georgia;
	font-size: 17px;
	line-height: 27px;
}

.in-text h2, .in-text h3{
	font-weight: bold;
	font-family: Anta;
}

h1{
	text-align: center;
	font-family: Arial;
}

.image-container { 
	width:100%;
	margin:auto;
	overflow: hidden;
	cursor: crosshair;
}

.image-container-add { 
	width:50%;
	margin:auto;
	cursor: crosshair;
}

#output{
	display:none;
}

.image-container div{
	display:none;
}
			
.input-game{ 
	position: absolute;
	bottom: 45px;
	height: 35px;
	background: #000000a8;
	color: white;
	padding: 0 10px;
	font-size: 21px;
	text-align: center;
	border: 1px solid #ffffff42;
	left:50%;
	transform: translate(-50%, 0%);
	transition: all 1s ease-out;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: bold;
	transition: all 1s;
	border-radius:5px;
}

#register:hover{
	background: white;
  	color: #5647b2;
}
.container-input{
	text-align:center;
}

.bottom-footer a{
	color: #c5cbdf;
	text-decoration: none;
}

.sign-in .button:hover{
	background: white;
	color: #5647b2;
	border: 1px solid #5647b2;
}

.exit-play{
	position:absolute;
	margin-left: 25px;
	margin-top: 10px;
	z-index: 20;
}

.exit-play svg{
	filter: invert(100%) sepia(0%) saturate(7478%) hue-rotate(7deg) brightness(95%) contrast(106%);
}

.body-play{
	background:black;
}

.life{
	position: absolute;
	bottom: 85px;
	color: white;
	font-size: 25px;
	left:50%;
	transform: translate(-50%, 0%);
}

.white-square{
	margin: 0 5px;
	width: 20px;
	height: 20px;
	transition: all 1s ease-out;
}

.top-right{
	position: absolute;
	top: 0;
	right: 0;
	margin: 25px;
	color: white;
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	background: #0000008f;
	padding: 15px;
	border-radius: 15px;
}

.nb-round, .nb-score{
	font-size: 25px;
	text-align: center;
}

.span-round, .nb-round, .span-score, .nb-score{
	display:block;
}

.round, .score{
	display:inline-block;
	width: 70px;
	text-align: center;
}

.round{
	margin-right: 20px;
}

.time-play{
	position: absolute;
	top: 65px;
	left: 50%;
	margin: 25px;
	width: 75px;
	height: 75px;
	transform: translate(-100%, 0%);
	rotate: 45deg;
	border: 4px solid white;
	margin-left: 18px;
}

#time{
	rotate: -45deg;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	margin-top: 13px;
	margin-left: -1px;
	font-size: 40px;
	text-align: center;
}

.dev-pannel{
	position: absolute;
	top: 0;
	margin-top: 60px;
	margin-left: 10px;
	background: white;
	max-height: 800px;
	overflow: scroll;
}

.dev-pannel-2{
	position: absolute;
	top: 0;
	right:0;
	margin-top: 60px;
	margin-left: 10px;
	background: white;
	max-height: 800px;
	padding:5px;
	overflow: scroll;
}

.time-top{
	width: 0px;
	height: 4px;
	background: red;
	margin: -4px;
	position: absolute;
	right: 0;
	transition: all 1s linear;
}

.time-bottom{
	width: 0px;
	height: 4px;
	background: red;
	margin: -4px;
	position: absolute;
	bottom: 0;
	transition: all 1s linear;
}

.time-left{
	width: 4px;
	height: 0px;
	background: #b30000;
	position: absolute;
	top: 0;
	margin: -4px;
	z-index: 10;
	left: 0;
	transition: all 1s linear;
}

.time-right{
	width: 4px;
	height: 0px;
	background: #b30000;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: -4px;
	transition: all 1s linear;
}

.next-round{
	z-index: 10;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000000c4;
	display:none;
}

.end-round{
	z-index: 10;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000000c4;
	display:none;
	color:white;
}

.jacket-mini{
	height: 190px;
	width: 150px;
	object-fit: cover;
}

.recap-end{
	display:inline-block;
	margin: 0 10px;
}

.in-end-round{
	display: grid;
  	width: 90%;
	margin: auto;
	margin-top: 75px;
}

.in-end-round p{
	margin-top: 7px;
}

.end-round .list-nb-round{
	width: 25px;
	display: block;
	margin: auto;
	background: white;
	color: black;
	position: relative;
	top: 19px;
	left: -62px;
}

.psv-navbar{
	display:none !important;
}

#viewer2{
	width: 100%;
  height: 100%;
  margin: 0;
  font-family: sans-serif;
  display:none;
}

.in-play-mod{
	display: inline-block;
	margin-top:25px;
	width: 100%;
}

.in-play-mod p{
	font-family: "Anta", sans-serif;
	font-size: 18px;
	color: white;
	text-align: center;
	text-shadow: 0 .125rem .5rem black;
}

.in-play-mod p span{
	font-size: 14px;
}

.in-play-mod a{
	margin-bottom:20px;
	font-size: 18px !important;
	font-weight:initial !important;
}

.in-play-mod ul{
	list-style: none;
}

.in-play-mod li{
	display: inline-block;
	margin: 0 10px;
}

.next-round p, .next-round span{
	color:white;
}

.center-next-round{
	text-align: center;
	top: 50%;
	position: relative;
	transform: translate(0%, -50%);
	font-size: 25px;
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
}

.center-next-round .nt-round{
	padding: 10px 75px;
	background: #000000ab;
	border: 2px solid white;
	cursor:pointer;
}

.game-title{
	font-family: "Anta", sans-serif;
	font-weight: bold;
	color:white;
}

.game-title:first-letter{
	text-transform: uppercase;
}

.list-round{
	font-size: 16px;
}

.list-nb-round{
	width: 18px;
	display: inline-block;
}

.center-next-round .nt-round:hover {
  background: #600000ab;
}

.bad{
	box-shadow: red 0px 0px 20px;
}

.half-good{
	box-shadow: yellow 0px 0px 20px;
}

.good{
	box-shadow: green 0px 0px 20px;
}

.contributors{
	display: inline-block;
	border: 2px solid black;
}

.contributors p{
	display: block;
	width: 100%;
	margin: 0;
	text-align:center;
}

.name-contributors{
	background: #e6e6e6;
}

.accordion {
    display: flex;
    flex-direction: column;
    font-family: "Sora", sans-serif;
    max-width: 991px;
    min-width: 320px;
    margin: 50px auto;
    padding: 0 50px;
}
.accordion h1 {
    font-size: 32px;
    text-align: center;
}
.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 15px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #444;
    border-top: 1px dashed #ddd;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}

.privacy{
	width: 90%;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.header-home{
	position: absolute;
	box-shadow:none;
	border-bottom:none;
	background:#111e2e00;
}

@media (max-width:1910px){
	.end-round .list-round{
		max-height: 470px;
  		overflow: scroll;
	}
}
	
@media (max-width: 1500px) {
	.in-dev{
		display:none;
	}
	.in-left-help, .in-right-help{
		width: 90%;
		height:650px;
	}
	.main-gamemode{
		max-width: 90%;
	}
	.in-tier-gamemode{
		width: 28%;
		margin:0 15px;
	}
	.main-help iframe, .main-help img{
		width: 100%;
	}
	.main-help h1{
		font-size: 27px;
	}
	div.ays_lb_container {
		width:75%;
	}
	.in-play-mod svg {
		right: 33px;
		top: 12px;
		width: 24px;
		height:24px;
	}
	.center-bg {
		width: 90%;
		margin-top: 70px;
	}
	.bg-home{
		min-height: 620px;
	}
	.number{
		font-size: 32px;
	}
	.desc {
		font-size: 17px;
	}
	.in-img-bg {
		margin-top: 150px;
	}
	.custom-btn {
		width: 150px;
	}
	.in-play-mod a {
		font-size: 15px !important;
	}
	.help-me a {
		display: inline-block;
		font-size:18px;
		font-weight: initial;
	}

	.end-btn{
		font-size: 19px;
  		width: 200px;
	}

}

@media (max-width: 1200px) {
	.in-text {
		width: 800px;
	}
	.form-gamemode {
		width: 800px;
	}
	
}

@media (max-width: 992px) {
	#jacket{
		max-height: 350px;
	}
	.main-gamemode{
		max-width: 100%;
		padding-top:20px;
		padding-bottom: 30px;
	}

	.main-gamemode h1{
		margin-top: 0;
		font-size: 30px;
	}
	.form-gamemode {
		width: 700px;
	}
	.margin-play{
		margin-left: 5px !important;
	}
	.support-play {
		display: block !important;
		margin-left: 0 !important;
		position: initial !important;
		margin-top: 20px !important;
	}
	.jacket-mini {
		height: 150px;
		width: 120px;
	}
	.end-round .list-round {
		max-height: 435px;
	}
	.end-round .list-nb-round {
		left: -48px;
	}
	.in-end-round{
		margin-top: 55px;
	}
	.in-play-mod ul {
		padding: 0;
	}
	.in-text {
		width: 700px;
	}
	.in-img-bg{
		padding: 0 10px;
	}
	.in-play-mod li {
		margin: 0 5px;
	}
	.center-bg {
		width: 100%;
	}
	.center-how-many {
		display: flow-root;
		justify-content: initial;
	}
	.in-play-mod {
		margin-top: 15px;
		padding: 0;
	}
	.btn-15 {
		font-size: 19px;
	}
	.desc-home{
		padding: 0px 15px;
	}
	.header-left {
		margin-left: 0;
	}
	.in-how-many {
		width: 90%;
	}
	.header-right {
		margin-right: 10px;
	}
	
}

@media (max-width: 768px) {

	.error{
		font-size: 16px;
		margin: 100px 0;
	}

	.main-gamemode{
		max-width: 75%;
	}

	.in-tier-gamemode {
		width: 100%;
		height:200px;
		margin:0;
		margin-bottom:20px;
		background-position: center;
	}

	.tier-gamemode{
		margin-top: 56px;
  		padding: 5px;
	}
	

	.form-gamemode {
		width: 100%;
	}

	.in-end-round p {
		margin-top: 5px;
	}

	.recap-end{
		margin-top: -8px;
	}

	.left-help, .right-help{
		width:100%;
		margin-bottom:25px;
	}
	.in-left-help, .in-right-help{
		height: auto;
	}

	.list-20{
		margin-top: 5px;
	}

	.recap-end p{
		margin-bottom: 0px;
	}

	.end-round .list-round {
		max-height: 388px;
	}

	.main-data{
		width: 75%;
	}

	div.ays_lb_container {
		width:90%;
	}

	.center-how-many {
		display: flex;
    	justify-content: center;
	}
	.row-many{
		margin-left:-20px;
	}

	.img-bg{
		display:none;
	}
	.red-bg{
		width: 100%;
	}
	.bg-home {
		min-height: 570px;
	  }

	.in-footer {
		width: 500px;
	}
	.in-text {
		width: 500px;
	}
	.li-nav a{
		padding: 0 10px;
	}
	.top-right{
		background: initial;
		padding: 0px;
	}
	.list-10, .list-20{
		display:block;
	}
	
	.separator-round:nth-of-type(20){
		display:none;
	}

	.form-container, .toggle-container, .toggle, .toggle-panel{
		position:initial;
	}
	.sign-in {
		width: 100%;
	}
	.in-how-many {
		width: 100%;
	}

	.toggle-container{
		width: 100%;
		border-radius: 0;
		margin-top:25px;
	}

	.toggle{
		padding-bottom: 25px;
	}
	
}

.text{
	display: inline-block;
	background: #fff;
	width: 100%;
	color: black;
}

.text-home{
	display: inline-block;
	background: #172435;
	width: 100%;
	color: white;
}

.in-text.home p{
	color: #e3e3e3;
	font-family: Anta;
	font-size: 16px;
}

@media (max-width: 657px) {
	
}

@media (max-width: 576px) {
	.top-right{
		width: 100px;
		margin-right: 0px;
	}
	.main-gamemode h1 {
		margin-top: 40px;
	}
	.main-gamemode{
		max-width: 90%;	
	}
	.c100{
		font-size: 100px !important;
	}

	.end-score{
		margin-left: 50px !important;
		font-size: 28px !important;
		top: -44px !important;
	}
	.margin-play{
		margin-left: 0 !important;
		display: block !important;
	}
	.support-play{
		display:none !important;
	}
	.main-help h1 {
		margin-top: 0;
		margin-bottom: 25px;
	}
	#infos-input{
		bottom: 105px;
	}
	.ays_lb_container.ays_glb_container.ays-leaderboard-main-container, .ays_lb_container.ays-leaderboard-main-container {
		padding: 10px;
	}
	.header-left ul{
		display:none;
	}
	footer .header-left-footer ul{
		display:inline-block;
	}
	.in-footer {
		width: 400px;
	}

	.center-bg{
		margin-top: 40px;
	}

	.in-text {
		width: 400px;
	}
	
	.score{
		margin-top: 20px;
	}
	
	.input-game{
		bottom: 25px;
	}
	
	.life{
		bottom: 65px;
	}
	#jacket{
		max-height: 250px;
		max-width:100%;
	}
	.center-next-round {
		font-size: 21px;
	}

	.game-title{
		font-size: 30px;
	}
	
}

@media (max-width: 420px) {
	.input-game {
		max-width: 290px;
	}
	.accordion {
		padding: 0 10px;
		min-width: 300px;
	}
	.help-btn {
		width: 210px !important;
	}
	.in-text {
		width: 300px;
	}
	#jacket{
		max-width:100%;
	}
	.in-footer {
		width: 280px;
	}
	.logo-container{
		margin-right:0;
	}
	.header-left{
		margin-left: -10px;
	}
	.header-right {
		margin-right: 5px;
	}
	.header-home .li-nav a {
		padding: 0 8px;
		font-size: 16px;
	}
}

@supports (not (-moz-appearance:button)) and (contain:paint) and (-webkit-appearance:none) {

	.header-home .li-nav a {
		font-weight:normal;
	}
	.in-text h2, .in-text h3 {
		font-weight:normal;
	}
	.center-div{
		font-weight:500;
	}
  
  }