body{margin:0;padding:0;font-family:Montserrat;overflow-x:none;background-color:#33373a;color:#fff}app-root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Madimi One}.btn{background-color:#33373a;padding:10px;border-radius:50px;cursor:pointer}.icon{height:75px}.icon-small{height:50px}.emoji{height:25px;transform:translateY(20%)}.main{margin-top:72px;flex:1}.box{background-color:#242526;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px;border-radius:15px;width:max-content;text-align:center;box-shadow:10px 10px #000}.navbar{background-color:#242526;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:2rem;padding:20px;margin:0;position:fixed;top:0;left:0;right:0}.navbar .link{max-width:25%}.navbar .link ul{display:flex;flex-direction:row;flex-wrap:nowrap}.navbar .link ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none;margin-left:10px;background-color:#33373a;padding:10px;border-radius:50px;cursor:pointer;color:#fff}.navbar .logo img{height:35px}.navbar .menuHamburger{display:none}.footer{background-color:#242526;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:2rem;margin:auto 0 0;padding:20px}.footer .copyright{color:#fff}.footer .copyright a{text-decoration:none}.footer .socialMedia{display:flex;flex-direction:row}.footer .socialMedia a{margin-left:20px}.footer .socialMedia a img{height:40px}.bandeau{z-index:99999;position:fixed;top:0;left:0;right:0;height:30px;background-color:#b14040;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;padding:3px;color:#fff;cursor:pointer}.bandeau .warning{display:flex;justify-content:center;align-items:center}.bandeau .warning img{height:25px}.bandeau .bandeau-close{display:flex;justify-content:center;align-items:center}.bandeau .bandeau-close img{height:25px}.trailer video{width:100%;height:90vh;object-fit:cover}.description{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;text-align:center}.description p{width:75vw}.detail-title{text-align:center;margin-top:40px}.detail{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:30px}.detail .detail-box{background-color:#242526;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px;border-radius:15px;width:max-content;text-align:center;box-shadow:10px 10px #000}.more-title{text-align:center}.more{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin-bottom:30px;width:98vw}.more .more-box-title{height:75px}.more .more-box{background-color:#242526;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px;border-radius:15px;width:max-content;text-align:center;width:45%;height:530px;margin-top:10px}.join{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;margin-bottom:30px}.join img{cursor:pointer}.allActualite{display:flex;flex-direction:column;align-items:center;height:100%;padding-top:10px}.actualite{width:50%;cursor:pointer;align-items:flex-start;margin-bottom:20px}.actualite h2{margin:0}.actualite h4{color:#767778}.infoActu{display:flex;flex-direction:column;align-items:center}.infoActu .infoActu-title{width:50%;background-color:#242526;padding:0 50px 50px}.infoActu .infoActu-title .info-title{display:flex;justify-content:space-between}.infoActu .infoActu-title .info-title h4{color:#767778}.infoActu .infoActu-title h2{margin-bottom:0}.infoActu .infoActu-content{width:50%;background-color:#242526;padding:50px;margin-top:10%;margin-bottom:10%;white-space:pre-line;display:flex}.tiktokFrame{margin-left:10px;height:100vh;width:max-content}.allPatchNote{display:flex;flex-direction:column;align-items:center;height:100%;padding-top:10px}.patchNote{width:50%;cursor:pointer;align-items:flex-start;margin-bottom:20px}.patchNote h2{margin:0}.patchNote h4{color:#767778}.infoPatchNote{display:flex;flex-direction:column;align-items:center}.infoPatchNote .infoPatchNote-title{width:50%;background-color:#242526;padding:0 50px 50px}.infoPatchNote .infoPatchNote-title .info-title{display:flex;justify-content:space-between}.infoPatchNote .infoPatchNote-title .info-title h4{color:#767778}.infoPatchNote .infoPatchNote-title h2{margin-bottom:0}.infoPatchNote .infoPatchNote-content{width:50%;background-color:#242526;padding:50px;margin-top:10%;margin-bottom:10%;white-space:pre-line;display:flex}@media screen and (max-width: 900px){.navbar{width:95vw;z-index:10000}.navbar .menuHamburger{display:block}.navbar .menuHamburger img{height:50px}.navbar .link{display:none;position:fixed;top:0;right:0;left:0;margin-top:70px;max-width:100vw}.navbar .link ul{flex-direction:column;margin:0;padding:0;width:100%}.navbar .link ul li{margin:0;width:100%;border-radius:0;border-bottom:1px solid #fff}.navbar .showMenu{display:block}.more .more-box{width:80%;height:100%}.more .more-box img,.join a{width:80%}.join a img{width:100%}.bandeau{height:auto;text-align:center}.actualite{width:75%}.actualite .actualite-title{text-align:center;width:100%}.patchNote{width:75%}.patchNote .patchNote-title{text-align:center;width:100%}}@media screen and (max-width: 400px){.navbar{width:90vw}.footer{flex-direction:column-reverse;justify-content:center}.infoActu-title .info-title{flex-direction:column}.infoActu-title .info-title .share{display:flex;justify-content:center}.infoPatchNote-title .info-title{flex-direction:column}.infoPatchNote-title .info-title .share{display:flex;justify-content:center}}