:root{--font:"Sofia Sans", sans-serif;--font-titre:"Fjalla One", sans-serif;--black:#294350}*::-webkit-scrollbar{display:none}body{background:#1d2151;box-sizing:border-box;font-family:var(--font);font-size:19px;padding:0;margin:0}body ::-webkit-scrollbar{display:none}a{text-decoration:none;color:white}h1,h2{padding:0;margin:0}ul{padding:0;margin:0}ul li{list-style:none;padding:0;margin:0}.header{background:linear-gradient(45deg, #ee647d, #f95182);background:url(../images/header-app.jpg);background-size:contain;background-repeat:no-repeat;background-position:center 3px;height:190px}.header .top{padding:20px;padding-bottom:0px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;display:none}.header .top .settings{color:white;display:none}.header .top .profil{font-size:30px;border-radius:50%;color:white}.header .title{font-family:var(--font-titre);color:white;font-size:1.6rem;padding:20px;display:none}.header .menu{overflow-x:scroll;display:none}.header .menu::-webkit-scrollbar{display:none !important}.header .menu.sticky{position:fixed;top:0;left:0;width:100vw;background:#ee647d}.header .menu ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;padding:20px}.header .menu ul li{border-radius:15px;margin-right:10px;text-transform:uppercase;background:radial-gradient(#f1bf7f, transparent);border:solid 3px #fde6ca}.header .menu ul li a{display:block;color:white;padding:10px 15px}.header .menu ul li.active,.header .menu ul li:active,.header .menu ul li:hover{background:white}.header .menu ul li.active a,.header .menu ul li:active a,.header .menu ul li:hover a{color:var(--black)}.main{min-height:80vh}.row{padding-top:10px;padding-bottom:30px}.row .level{color:#ee657e;border-radius:10px}.row.row:nth-child(even) .card{background:#3f51b5;box-shadow:0 7px 0 #313d8b}.row.row:nth-child(even) .level{color:#f1bf7f}.level{font-size:1.3rem;color:var(--black);display:inline-block;padding:7px 15px;margin-top:20px;margin-left:20px;text-transform:uppercase;transform:rotate(0deg)}.cards{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:20px;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.cards .card{width:230px;margin-right:20px;background:#009688;border-radius:30px;box-shadow:0 7px 0 #01675d;padding:15px;cursor:grab;transition:transform .3s ease}.cards .card .image{width:inherit;overflow:hidden;border-radius:10px}.cards .card .image a{display:block}.cards .card .image a img{object-fit:cover;width:100%;height:115px;border-radius:15px}.cards .card .title a{display:block;padding:10px;color:white}.footer{background:#fff;padding:20px}.footer .logo{text-align:center}.footer .logo img{width:130px}.game .iframe{width:100vw;height:100vh}.game .close-button{opacity:.00001;display:fixed;position:absolute;top:5px;left:5px;font-weight:bold;font-size:30px;padding:5px;cursor:pointer;color:white;background-color:#f9278b;border-radius:50%;transition:opacity .3s}.game .close-button.active{opacity:1}.iframe-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0}.iframe-container.visible{display:block}.iframe-container iframe{margin:0;padding:0;border:none}.iframe-container button{position:fixed;z-index:1;top:10px;left:10px;width:40px;height:40px;font-size:20px;font-weight:bold;color:white;background:#f9288c;border:none;border-radius:50%}