body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#303030;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.parent{display:flex;justify-content:center}a.social{transition:transform .25s;display:inline-block}a.social:hover{transform:translateY(-2px)}a.twitter{color:#fff;padding:0 10px}a.discord{color:#fff;padding:0 5px}.blade{position:absolute;background:#fff;height:100vw;width:2px;margin-left:-5%;transform:translateY(25%)}.circle{margin-top:23%}.circle,.circle1{position:absolute;height:30px;width:30px;border-radius:30px;border:2px solid #fff;margin-left:-6vw;background:#000}.circle1{margin-top:43%}.circle2{margin-top:63%}.circle2,.circle3{position:absolute;height:30px;width:30px;border-radius:30px;border:2px solid #fff;margin-left:-6vw;background:#000}.circle3{margin-top:83%}.circle4{position:absolute;height:30px;width:30px;border-radius:30px;border:2px solid #fff;margin-left:-6vw;margin-top:103%;background:#000}.box1{margin-top:20%}.box1,.box2{position:absolute;padding:10%,0,10%,0;height:18vw;width:50vw}.box2{margin-top:40%}.box3{margin-top:60%}.box3,.box4{position:absolute;padding:10%,0,10%,0;height:18vw;width:50vw}.box4{margin-top:80%}.box5{position:absolute;margin-top:100%;padding:10%,0,10%,0;height:18vw;width:50vw}.grids{max-width:50%;margin:auto;grid-template-columns:1fr 2fr}.h2{padding:2vw;font-size:40px;text-transform:uppercase}.p{padding:0 2vw 2vw;font-family:"Saira",sans-serif;font-size:16px;font-weight:300;text-align:justify}@media only screen and (min-width:1920px){.box1{margin-top:21%}.box2{margin-top:41%}.box3{margin-top:61%}.box4{margin-top:81%}.box5{margin-top:101%}.circle{margin-top:24%}.circle,.circle1{height:40px;width:40px}.circle1{margin-top:44%}.circle2{margin-top:64%}.circle2,.circle3{height:40px;width:40px}.circle3{margin-top:84%}.circle4{height:40px;width:40px;margin-top:104%}}@media only screen and (max-width:1024px){.box1,.box2{width:60vw}.box2{margin-top:45%}.box3{width:60vw;margin-top:70%}.box4{width:60vw;margin-top:95%}.box5{width:60vw;margin-top:120%}.blade{height:120vw;transform:translateY(20%)}.h2{font-size:32px}.p{font-size:12px}.circle{margin-top:24%}.circle,.circle1{height:20px;width:20px}.circle1{margin-top:49%}.circle2{margin-top:74%}.circle2,.circle3{height:20px;width:20px}.circle3{margin-top:99%}.circle4{height:20px;width:20px;margin-top:124%}}@media only screen and (max-width:768px){.box1,.box2{width:70vw}.box2{margin-top:45%}.box3{width:70vw;margin-top:70%}.box4{width:70vw;margin-top:95%}.box5{width:70vw;margin-top:120%}.blade{height:120vw;transform:translateY(20%)}.h2{font-size:32px}.p{font-size:12px}.circle{margin-top:24%}.circle,.circle1{height:20px;width:20px}.circle1{margin-top:49%}.circle2{margin-top:74%}.circle2,.circle3{height:20px;width:20px}.circle3{margin-top:99%}.circle4{height:20px;width:20px;margin-top:124%}}@media only screen and (max-width:640px){.box1{width:70vw;margin-top:23%}.box2{width:70vw;margin-top:55%}.box3{width:70vw;margin-top:87%}.box4{width:70vw;margin-top:119%}.box5{width:70vw;margin-top:151%}.blade{height:150vw;transform:translateY(20%)}.h2{font-size:28px}.p{font-size:10px}.circle{margin-top:28%}.circle,.circle1{height:15px;width:15px}.circle1{margin-top:60%}.circle2{margin-top:92%}.circle2,.circle3{height:15px;width:15px}.circle3{margin-top:124%}.circle4{height:15px;width:15px;margin-top:156%}}@media only screen and (max-width:480px){.box1{margin-top:19%}.box2{margin-top:65%}.box3{margin-top:110%}.box4{margin-top:155%}.box5{margin-top:200%}.blade{height:220vw;transform:translateY(12%)}.h2{font-size:24px}.p{font-size:10px}.circle{height:11px;width:11px;margin-top:25%}.circle1{margin-top:70%}.circle1,.circle2{height:10px;width:10px}.circle2{margin-top:115%}.circle3{margin-top:160%}.circle3,.circle4{height:10px;width:10px}.circle4{margin-top:205%}}@media only screen and (max-width:360px){.box1{margin-top:19%}.box2{margin-top:70%}.box3{margin-top:115%}.box4{margin-top:160%}.box5{margin-top:205%}.blade{height:240vw;transform:translateY(12%)}.h2{font-size:24px}.p{font-size:10px}.circle{height:11px;width:11px;margin-top:25%}.circle1{margin-top:77%}.circle1,.circle2{height:10px;width:10px}.circle2{margin-top:122%}.circle3{margin-top:167%}.circle3,.circle4{height:10px;width:10px}.circle4{margin-top:212%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:transparent}.container{display:flex;flex-direction:column;position:relative;width:1000px;height:400px;background:#000;margin:100px auto 0;border:1px solid rgba(0,0,0,.274)}@media only screen and (max-width:768px){.container{width:600px;height:500px}}@media only screen and (max-width:600px){.container{width:400px;height:800px}}@media only screen and (max-width:480px){.container{width:360px;height:1000px}}@media only screen and (max-width:340px){.container{width:320px;height:1100px}}.bloc-tabs{display:flex}.tabs{padding:20px;text-align:center;width:50%;background:transparent;font-size:25px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.274);box-sizing:content-box;position:relative;outline:none;color:#fff}@media only screen and (max-width:480px){.tabs{font-size:20px}}.tabs:not(:last-child){border-right:1px solid rgba(0,0,0,.274)}.active-tabs{background:#000;border-bottom:1px solid transparent}.active-tabs:before{content:"";display:block;position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:calc(100% + 2px);height:5px;background:#ffe81f}button{border:none;background-color:#000;font-family:"Saira Extra Condensed",sans-serif;font-weight:700}button:hover{color:#ffe81f}.content-tabs{flex-grow:1}.content{background:transparent;padding:20px;width:100%;height:100%;display:none}.content h2{padding:0 0 5px;font-size:32px;color:#fff;word-break:keep-all;text-shadow:0 0 .2em hsl(195 50% 50%);font-family:"Saira Extra Condensed",sans-serif;font-weight:700}@media only screen and (max-width:768px){.content h2{font-size:26px}}.content hr{width:100px;height:2px;background:#fff;margin-bottom:5px;text-shadow:0 0 .2em hsl(195 50% 50%)}.content p{width:100%;height:100%;color:#fff;word-break:keep-all;font-size:18px;font-family:"Saira",sans-serif;font-weight:300}@media only screen and (max-width:768px){.content p{font-size:16px}}.active-content{display:block}.App{width:80%;margin-top:25%;height:600px}.slide img{width:20rem;margin:0 auto;box-shadow:0 0 1em hsl(195 100% 50%/1)}.slide{transform:scale(.8);transition:transform .3s;opacity:.5}.activeSlide{transform:scale(.95);opacity:1}.arrow{background-color:#000;position:absolute;cursor:pointer;z-index:10}.arrow svg{transition:color .3s}.arrow svg:hover{color:#ffe81f}.next{right:0;top:50%}.prev{left:0;top:50%}@media only screen and (max-width:1150px){.App{width:90%;margin-right:5%}.slide{transform:scale(.7)}.activeSlide{transform:scale(.8);margin-left:-30px}}@media only screen and (max-width:1024px){.slide{transform:scale(.6)}.activeSlide{transform:scale(.8);margin-left:-30px}}@media only screen and (max-width:780px){.activeSlide{margin-left:-2%}.App{width:100%;margin-right:5%}.arrow{display:none}}@media only screen and (max-width:680px){.slide{transform:scale(.44)}.activeSlide{transform:scale(.66);margin-left:-8%}}@media only screen and (max-width:580px){.slide{transform:scale(.3)}.activeSlide{transform:scale(.44)}.App{margin-right:15%;margin-top:50%}}@media only screen and (max-width:480px){.slide{transform:scale(.22)}.activeSlide{transform:scale(.33)}.App{margin-right:10%;margin-top:50%}}h1{text-align:center;color:#fff}.cards__container{display:flex;flex-flow:column;align-items:center;max-width:900px;width:60vw;margin:0 auto}.cards__wrapper{position:relative;margin:50px 0 45px}.cards__items{margin-bottom:24px}.cards__item{display:flex;flex:1 1;margin:0 1rem;border-radius:10px}.cards__item__link{display:flex;flex-flow:column;width:100%;box-shadow:0 6px 20px hsl(195 50% 50%);border-radius:10px;overflow:hidden;text-decoration:none}.cards__item__pic-wrap{position:relative;width:100%;padding-top:80%;overflow:hidden}.fade-img{animation-name:fade-img;animation-duration:2s}.cards__item__pic-wrap:after{content:attr(data-category);position:absolute;bottom:0;margin-left:10px;padding:6px 8px;max-width:calc(100% - 60px);font-size:16px;font-weight:700;font-family:"Saira Extra Condensed",sans-serif;font-weight:600;color:#000;background-color:#ffe81f;box-sizing:border-box}.cards__item__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;transition:all .2s linear}.cards__item__img:hover{transform:scale(1.1)}.cards__item__info{padding:20px 30px 30px}.cards__item__text{color:#fff;font-size:12px;line-height:18px;font-family:"Saira",sans-serif;font-weight:300}@media only screen and (min-width:1200px){.content__blog__container{width:84%}}@media only screen and (min-width:768px){.cards__items{display:flex}}@media only screen and (max-width:768px){.cards__item{margin-top:10vw}}@media only screen and (max-width:480px){.cards__item__text{font-size:12px}}.space{margin-top:200px}@media only screen and (max-width:768px){.space{margin-top:0}}@media only screen and (max-width:480px){.space{margin-top:0}}@media only screen and (max-width:480px){.cards__container{max-width:250px}}.h5{font-family:"Saira Extra Condensed",sans-serif;font-weight:600}.h1,.h2{text-shadow:0 0 .2em hsl(195 50% 50%);font-family:"Saira Extra Condensed",sans-serif;font-weight:700}