@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);body{background-color:#f5f5f5;margin:0;padding:0}@media screen and (max-width:780px){.containers{margin:80px auto 0;padding:0 .5rem}}@media screen and (min-width:780px) and (max-width:1200px){.containers{margin:5rem auto 0;padding:0 1rem}}@media screen and (min-width:1200px){.containers{margin:8rem auto 0;padding:0 8rem}}@media screen and (max-width:780px){.navbar{background-color:#2a2d3c;border-top:2px solid #fff;bottom:0;display:flex;flex-flow:row nowrap;justify-content:space-between;position:fixed;width:100%}.navbar .navbar--title{display:none}.navbar .navbar--item{align-items:center;display:flex;justify-content:space-around;list-style:none;margin:0;padding:0;width:100%}.navbar .navbar--item li{font-size:1.25rem;text-align:center;width:50%}.navbar .navbar--item li a{color:#fff;display:block;padding:2rem 1rem;text-decoration:none}.navbar .navbar--item li a span{border-bottom:2px solid #fff}.navbar .navbar--item li a i{color:#fff;margin-right:.5rem}}@media screen and (min-width:780px) and (max-width:1200px){.navbar{align-items:center;background-color:#2a2d3c;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0 10rem}.navbar i{display:none}.navbar .navbar--title{width:35%}.navbar .navbar--title h1{color:#fff;margin:0}.navbar .navbar--item{display:flex;justify-content:flex-end;list-style:none;margin:0;width:65%}.navbar .navbar--item li{border-bottom:4px solid transparent;display:block;padding:1.75rem}.navbar .navbar--item li a{color:#fff;padding:1rem;text-decoration:none;text-transform:uppercase}.navbar .navbar--item li:hover{border-bottom:4px solid tomato}}@media screen and (min-width:1200px){.navbar{align-items:center;background-color:#2a2d3c;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0 10rem}.navbar i{display:none}.navbar .navbar--title{width:25%}.navbar .navbar--title h1{color:#fff;margin:0}.navbar .navbar--item{display:flex;justify-content:flex-end;list-style:none;margin:0;width:75%}.navbar .navbar--item li{border-bottom:4px solid transparent;display:block;padding:1.75rem}.navbar .navbar--item li a{color:#fff;padding:1rem;text-decoration:none;text-transform:uppercase}.navbar .navbar--item li:hover{border-bottom:4px solid tomato}}.homepage{background-image:linear-gradient(270deg,#413fd2,#4442d6,#4745da,#4a48de,#4d4be2)}.homepage .homepage-landing{align-items:center;background-image:url(/static/media/homepage.fc6c1c167f39a055f5ee.png);background-position:100% 0;background-repeat:no-repeat;background-size:contain;display:flex;height:calc(100% - 65px)}.homepage .homepage-landing p{background-color:#2a2d3c;border:2px solid #fff;border-radius:5px;color:#fff;padding:2rem;text-align:justify;width:40%}.homepage .homepage-content{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23fff' stroke-width='5' stroke-dasharray='25' stroke-dashoffset='38' stroke-linecap='square'/%3E%3C/svg%3E");color:#fff;padding:10rem 20rem}.homepage .homepage-content .content-bloc{display:flex;flex-flow:row wrap;justify-content:space-between}.homepage .homepage-content .content-bloc .content-detail{align-items:center;display:flex;justify-content:space-around;width:100%}.homepage .homepage-content .content-bloc .content-detail .content-detail-title{font-size:2rem;padding:2rem;text-align:center;text-transform:uppercase;width:40%}.homepage .homepage-content .content-bloc .content-detail .connect-line{border-bottom:3px solid #fff;flex-grow:1;width:40%}.homepage .homepage-content .content-bloc .content-detail .content-detail-text{font-size:1.5rem;padding:2rem;width:50%}.homepage .homepage-content .content-bloc .bloc-solid{border:3px solid #fff}.homepage .homepage-content .content-bloc .bloc-dotted{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23fff' stroke-width='5' stroke-dasharray='25' stroke-dashoffset='38' stroke-linecap='square'/%3E%3C/svg%3E")}@media screen and (max-width:780px){.homepage{margin:-3rem -2rem}.homepage .homepage-landing{background-position:100%;background-size:cover;height:calc(100% - 37px);padding:1rem}.homepage .homepage-landing p{width:100%}}@media screen and (min-width:780px) and (max-width:1200px){.homepage{margin:-3rem -5rem}.homepage .homepage-landing{padding:2rem 6rem}.homepage .homepage-landing p{color:#fff;font-size:1.25rem;width:40%}}@media screen and (min-width:1200px){.homepage{margin:-3rem -10rem}.homepage .homepage-landing{padding:2rem 10rem}.homepage .homepage-landing p{font-size:1.5rem}}.tags{grid-column-gap:40px;grid-row-gap:40px;align-items:stretch;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;justify-items:stretch}.tags .card{border:2px solid #fff;border-radius:4px;color:#fff;display:block;margin:0;width:320px}.tags .card .card-image{align-items:center;background-color:#2a2d3cbe;border-bottom:2px solid #fff;display:flex;height:150px;justify-content:center;padding:1rem}.tags .card .card-image img{max-height:100%;max-width:100%}.tags .card .card-block{background-color:hsla(0,0%,96%,.616);display:flex;flex-flow:row nowrap;width:100%}.tags .card .card-block .card-content{padding:1rem;width:40%}.tags .card .card-block .card-content img{height:auto;width:35px}.tags .card .card-block .card-content ul{list-style:none;padding:0}.tags .card .card-block .card-content .card-content-lang{display:flex;justify-content:flex-start}.tags .card .card-block .card-content .card-content-lang li{margin-right:.75rem}.tags .card .card-block .card-content .card-content-cdn{display:flex;justify-content:flex-start}.tags .card .card-block .card-content .card-content-cdn li{margin-right:.75rem}.tags .card .card-block .card-link{align-items:center;display:flex;justify-content:center;padding:1rem;width:60%}.tags .card .card-block .card-link a{background-color:#2a2d3ce8;border:1px solid #fff;border-radius:3px;color:#fff;padding:1rem;text-align:center;text-decoration:none;text-transform:uppercase}.tags .card .card-block .card-link a:hover{background-color:#2a2d3c}@media screen and (max-width:780px){.card{grid-template-columns:1fr;grid-template-rows:1fr}}@media screen and (min-width:780px) and (max-width:1200px){.card{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}}.code{display:flex;flex-flow:row wrap;justify-content:space-between}.code h1,.code h2,.code h3,.code h4{text-transform:capitalize}.code .code-detail{background-color:#2a2d3cbe;border:2px solid #fff;border-radius:5px;border-radius:3px;color:#fff;display:flex;flex-flow:column;justify-content:space-around;padding:1rem 2rem;width:25%}.code .code-detail ul{display:flex;list-style:none;padding:0}.code .code-detail ul li{padding-right:1rem}.code .code-detail ul li img{width:3rem}.code .code-preview{align-items:center;background-color:#2a2d3cbe;border:2px solid #fff;border-radius:5px;display:flex;height:400px;justify-content:center;width:60%}.code .code-preview img{max-height:80%;max-width:80%}.code .code-display{margin-top:3rem;width:100%}.code .code-display .button-editor{display:flex}.code .code-display .button-editor button{background-color:#2a2d3c77;border:3px solid #fff;color:#fff;font-family:BluePrinted,sans-serif;font-size:1.5rem;font-weight:700;margin:0 2rem 2rem 0;padding:1.5rem 2rem;text-transform:uppercase;width:300px}.code .code-display .editor{background-color:#2a2d3c;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23fff' stroke-width='5' stroke-dasharray='25' stroke-dashoffset='38' stroke-linecap='square'/%3E%3C/svg%3E");margin-bottom:5rem;overflow-x:scroll;padding:2rem 4rem}.code .code-display .editor .editor-code{color:azure}.code .code-display .editor .editor-code code{font-size:1.2rem;white-space:pre}.code .code-display .editor .editor-code__html{color:tomato}.code .code-display .editor .editor-code__css{color:#6495ed}.code .code-display .editor .editor-code__js{color:gold}@media screen and (max-width:780px){.code .code-detail{background-color:#2a2d3cbe;border:2px solid #fff;border-radius:5px;border-radius:3px;color:#fff;display:flex;flex-flow:column;justify-content:space-around;padding:1rem 2rem;width:100%}.code .code-detail ul{display:flex;list-style:none;padding:0}.code .code-detail ul li{padding-right:1rem}.code .code-detail ul li img{width:3rem}.code .code-preview{height:auto;margin-top:2rem;width:100%}.code .code-display .button-editor{grid-column-gap:20px;grid-row-gap:20px;align-items:stretch;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;justify-items:stretch;margin-bottom:1rem}.code .code-display .button-editor button{border:2px solid #fff;font-size:1rem;margin:0;padding:.75rem;width:100%}.code .code-display .editor{padding:1rem}.code .code-display .editor .editor-code{color:azure}.code .code-display .editor .editor-code code{font-size:1rem;white-space:pre}.code .code-display .editor .editor-code__html{color:tomato}.code .code-display .editor .editor-code__css{color:#6495ed}.code .code-display .editor .editor-code__js{color:gold}}.categories{grid-column-gap:20px;grid-row-gap:20px;align-items:stretch;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;justify-items:stretch}.categories h1{font-size:3rem}.categories .categorie{border-radius:5px;text-align:center;width:350px}.categories .categorie .categorie-link{align-items:center;background-color:#2a2d3cbe;border:2px solid #fff;color:#fff;display:inline-block;display:flex;font-size:2.5rem;justify-content:center;padding:2rem 0;text-decoration:none;width:100%}.categories .categorie .categorie-link:hover{background-color:#2a2d3c}@media screen and (max-width:780px){.categories{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.categories .categorie{margin-bottom:2rem;text-align:center;width:100%}.categories .categorie .categorie-link{align-items:center;color:#fff;display:flex;font-size:1.5rem;justify-content:center;text-decoration:none}.categories .categorie .categorie-link:hover{background-color:#2a2d3c}}@media screen and (min-width:780px) and (max-width:1200px){.categories{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.categories .categorie{border-radius:5px;text-align:center;width:200px}.categories .categorie .categorie-link{font-size:2rem}}@media screen and (min-width:1200px){.categories h1{font-size:3rem}.categories .categorie{width:300px}.categories .categorie .categorie-link{font-size:2.5rem}}@font-face{font-display:swap;font-family:BluePrinted;font-style:normal;font-weight:400;src:url(/static/media/BluePrinted.f30a381cff4bd9033826.woff2) format("woff2"),url(/static/media/BluePrinted.446b887c59d538bce7c5.woff) format("woff")}html{height:100vh}body{background-color:#06c;background-image:linear-gradient(hsla(0,0%,100%,.2) 2px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.2) 2px,transparent 0),linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px;font-family:Nunito,sans-serif;font-weight:700}h1,h2,h3,h4{margin:0}a{text-decoration:none}.homepage{height:100vh}.title{color:#fff;font-size:2rem;margin-bottom:2rem;text-transform:uppercase}@media screen and (max-width:780px){main{padding:3rem 2rem}}@media screen and (min-width:780px) and (max-width:1200px){main{padding:3rem 5rem}}@media screen and (min-width:1200px){main{padding:3rem 10rem}}
/*# sourceMappingURL=main.7761fe0b.css.map*/