@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.accueil-main h1{text-align:center;font-weight:200}.accueil-main h2{text-align:center;color:#fff;font-size:60px;font-weight:200}.accueil-main main,.accueil-main h3,.accueil-main section{padding:2em}.accueil-main .banner-div-accueil{background:linear-gradient(#fff 0%,#000 10% 90%,#fff 100%),linear-gradient(90deg,#fff 0%,#000 10%,#fff 20%,#000 50%,#fff 80%,#000 90%,#fff 100%);width:100%;height:250px}.accueil-main .photo-profil{border-right:1px solid #fff;height:300px;padding:1em}.accueil-main .section-presentation{display:flex}.accueil-main .presentation-title{gap:1em}.accueil-main .presentation-title h2{border-bottom:1px solid #fff;height:fit-content;margin-top:0;padding:0 .5em .5em}.accueil-main .presentation-title p{padding-left:1em}.accueil-main .section-travaux{flex-wrap:wrap;flex-basis:30%;justify-content:center;gap:1em;width:80%;margin-left:auto;margin-right:auto;display:flex}.accueil-main .presentation-text-mobile{display:none}.accueil-main .section-contactme p{text-align:center;color:#ddd}@media screen and (width<=991px){.accueil-main h1{font-size:50px}.accueil-main h2{font-size:40px}.accueil-main .banner-div-accueil{height:200px}.accueil-main .section-presentation{flex-wrap:wrap;justify-content:center;display:flex}.accueil-main .photo-profil{border-bottom:1px solid #fff;border-right:none}}.banner-container{width:100%;box-shadow:0 0 15px #fff}.banner-img-container{width:100%;position:relative}.crumble-top{position:absolute;top:0;left:0}.hexagones-pattern{background-image:url(/assets/hexagones_pattern_8_done-RjeZjWtk.png);background-repeat:repeat-x;background-size:contain;width:100%;height:50px;position:absolute;top:0;left:0}.hexagones-pattern-bottom{background-image:url(/assets/hexagones_pattern_8_done-RjeZjWtk.png);background-repeat:repeat-x;background-size:contain;width:100%;height:50px;position:absolute;bottom:0;left:0;transform:rotateX(180deg)}.banner-text{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-size:60px;font-weight:200;display:flex;position:absolute;top:0;left:0}.carousel-container *{box-sizing:border-box}.carousel-container h1{text-align:center;font-size:1.7rem}.carousel-container ul{scrollbar-width:none;height:415px;display:flex}.carousel-container li{background-color:#fff;border:1px solid #ddd;flex:0 0 100%;list-style-type:none}.carousel-container img{object-fit:cover;width:100%}.carousel-container li::-webkit-scrollbar{width:0;height:0}.carousel-container li:nth-child(2n){background-color:#fff}.carousel-container ul{scroll-snap-type:x mandatory;border-radius:25px;padding:0;overflow:scroll hidden}.carousel-container li{scroll-snap-align:center;display:inline-flex}.carousel-container ul{anchor-name:--my-carousel}.carousel-container ul i{z-index:9;position-anchor:--my-carousel;color:#fff;font-size:100px;position:absolute}.carousel-container .left{right:calc(anchor(left) - 90px);bottom:calc(anchor(top) - 250px);transform:rotate(90deg)}.carousel-container .right{left:calc(anchor(right) - 90px);bottom:calc(anchor(top) - 250px);transform:rotate(-90deg)}@media screen and (width<=767px){.carousel-container ul{height:255px}.carousel-container ul i{font-size:60px}.carousel-container .left{right:calc(anchor(left) - 60px);bottom:calc(anchor(top) - 160px);transform:rotate(90deg)}.carousel-container .right{left:calc(anchor(right) - 60px);bottom:calc(anchor(top) - 160px);transform:rotate(-90deg)}}.grid{background-color:#00f;width:500px;height:500px;position:relative}.pixel{background-color:red;width:1%;height:1%;position:absolute;top:50%;left:50%}.canvas-container{padding:2em}.canvas-container canvas{border:3px solid #fff}.intro-text{padding:1em}.page-particle-simulator .banner-text{font-size:60px}.particle-count-container{background-color:#202838;border:2px solid #fff;border-radius:20px;flex-wrap:wrap;min-width:250px;height:fit-content;margin:0;padding-left:1em;display:flex}.particle-count-container p{padding-right:1em}.sim-container{max-width:100%;margin:0 auto 10px}.sim-container p{min-width:300px}.particlesim-container{background-color:#000;justify-content:center;margin-left:auto;display:flex}body{color:gray}.particlesim-container{flex-direction:column;padding:.5em}.particlesim-container canvas{touch-action:none;border:3px solid #fff;margin-right:5px}.sim-options-container{background-color:#202838;border:2px solid #fff;border-radius:20px;margin:0;padding:.5em}.reset-button-container{justify-content:center;display:flex}.sim-options-container div{margin:1em}.sim-options-container input{margin-left:1em}.reset-button{color:#b4b4b4;background-color:#202838;border:none;border-radius:50px;width:150px;padding:20px;transition:all .2s;box-shadow:inset 1px 1px 3px #fffa,inset -2px -2px 10px 1px #000}.reset-button:active{color:#fff;background-color:#151c27;box-shadow:inset 2px 2px 5px #000,inset -2px -2px 1px #fffa}.select-buttons-container{flex-wrap:wrap;justify-content:center;margin:0;display:flex}.select-button{color:#b4b4b4;background-color:#202838;border:none;border-radius:5px;flex-basis:25%;width:100px;height:60px;margin:1em;padding:10px;transition:all .2s;box-shadow:inset 1px 1px 3px #fffa,inset -2px -2px 10px 1px #000}.select-button:disabled{color:#fff;background-color:#151c27;box-shadow:inset 2px 2px 5px #000,inset -2px -2px 1px #fffa}.apply-button{color:#b4b4b4;background-color:#202838;border:none;border-radius:5px;flex-basis:25%;padding:5px 10px;transition:all 50ms;box-shadow:inset 1px 1px 3px #fffa,inset -2px -2px 10px 1px #000}.apply-button:active{color:#fff;background-color:#151c27;box-shadow:inset 2px 2px 5px #000,inset -2px -2px 1px #fffa}.size-input{color:#b4b4b4;background-color:#151c27;border:none;width:150px;box-shadow:inset 2px 2px 5px #000,inset -2px -2px 1px #fffa}.inline-block-no-margin{display:inline-block;margin:0!important}.switch .offspan{pointer-events:none;content:"lol";color:#ccc;z-index:2;padding-left:5px;position:absolute;top:0;bottom:0;left:40px}.switch .onspan{z-index:2;color:#fff;background-color:#2196f3;padding-left:12px;transition:all .1s;position:absolute;top:0;right:54px}.switch span{pointer-events:none;content:"lol";color:#ccc;position:absolute;top:0;bottom:0;left:0}.switch{z-index:3;background-color:#151c27;width:80px;height:34px;margin-left:10px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider-toggle{cursor:pointer;z-index:3;transition:all .4s;position:absolute;inset:0;box-shadow:inset 0 0 10px red}.slider-toggle:before{content:"";z-index:3;background-color:#324257;width:42px;height:42px;transition:all .1s;position:absolute;bottom:-4px;left:-4px;box-shadow:inset 0 0 5px #000}input:checked>.switch{background-color:red}input:checked+.slider-toggle{box-shadow:inset 0 0 10px #00f}input:checked+.knobs,input:focus+.knobs{color:red}input:checked~.onspan{right:24px}input:checked+.slider-toggle:before{z-index:3;width:42px;height:42px;bottom:-4px;left:0;transform:translate(46px);box-shadow:inset 0 0 5px #000}.slider-color{-webkit-appearance:none;background:linear-gradient(90deg,#ff0 0%,green 10% 20%,#ff0 40% 50%,red 60% 100%);border-radius:10px;height:5px;position:relative;top:-3px}.slider-color::-webkit-slider-runnable-track{color:#00f;-webkit-appearance:none;background-color:linear-gradient(180deg, #e609e6 0%, #1d801f 10%, #1d801f 90%, red 100%);border-radius:10px;width:100%;height:20px}.slider-color::-webkit-slider-thumb{-webkit-appearance:none;background:#2e3d51;border-radius:100px;width:10px;height:20px;box-shadow:inset 0 0 3px #000}.slider-color::-moz-range-track{background-color:linear-gradient(180deg, #e609e6 0%, #1d801f 10%, #1d801f 90%, red 100%)}.slider-color::-ms-fill-lower{background-color:#43e5f7}.slider-color::-ms-fill-upper{background-color:#9a905d}.slider-color::-moz-range-thumb{background:#2e3d51;border:none;border-radius:100px;width:10px;height:20px;box-shadow:inset 0 0 3px #000}.slider-normal{-webkit-appearance:none;background-color:#151c27;border-radius:20px;width:80px;height:20px;overflow:hidden;box-shadow:inset 2px -2px 3px #fff}.slider-normal::-webkit-slider-runnable-track{-webkit-appearance:none;color:#13bba4;height:20px}.slider-normal::-webkit-slider-thumb{-webkit-appearance:none;cursor:ew-resize;background:#2e3d51;border-radius:20px;width:20px;height:20px;box-shadow:-90px 0 0 80px #2196f3,inset 1px 1px 3px #fff,inset -1px -1px 10px #000}.slider-normal::-webkit-slider-thumb:after{content:"";z-index:5;background:linear-gradient(#00f 0%,green 20%);position:absolute;inset:10px;transform:translate(10px,8px);box-shadow:-90px 0 0 80px #2196f3,inset 1px 1px 3px #fff,inset -1px -1px 10px #000}.slider-color::-moz-range-track{-webkit-appearance:none;color:#13bba4;height:20px}.slider-color::-moz-range-thumb{-webkit-appearance:none;cursor:ew-resize;background:#2e3d51;border-radius:20px;width:20px;height:20px;box-shadow:-90px 0 0 80px #2196f3}.input-number{color:#b4b4b4;background-color:#151c27;border-top:none;border-bottom:1px solid #fffa;border-left:none;border-right:1px solid #fff;border-radius:5px;width:50px;padding:5px;box-shadow:inset 1px 1px 5px #000}@media screen and (width<=991px){.page-particle-simulator .banner-text{font-size:40px}}.card-container{color:#fff;box-sizing:border-box;background:linear-gradient(90deg,#00221c 0%,#130113 70%);border:2px solid #bbb;border-radius:20px;flex-direction:column;flex-grow:1;flex-basis:30%;max-width:400px;display:flex}.card-container h3{text-align:center;border-bottom:1px solid #fff;margin:1em 1em 0;padding:0;font-family:Montserrat;font-size:40px;font-weight:100}.card-container p{text-align:center;margin:0 0 auto;padding:1em;font-family:Montserrat;font-weight:400}.card-container .see-button{color:#b4b4b4;background-color:#000;border:none;border-radius:5px;width:150px;height:60px;margin:1em auto;padding:10px;transition:all .1s;display:block;box-shadow:inset 1px 1px 3px #fffa,inset -2px -2px 10px 1px #202838}.card-container .see-button:focus{color:#fff;background-color:#000;box-shadow:inset 2px 2px 5px #000,inset -2px -2px 1px #fffa}.card-container .see-button a{width:100%;height:100%}.contactme-container{flex-direction:column;justify-content:center;gap:1em;width:70%;margin:auto;display:flex}.contactme-container label{color:#eee}.contactme-container .contactme-form-container{flex-direction:column;gap:.5em;display:flex}.contactme-container .contactme-textarea{color:#ddd;background-color:#222;border-radius:10px;height:400px;padding:1em;box-shadow:inset -2px -2px 3px #fff,inset 2px 2px 5px #000,0 0 3px #fff}.contactme-container input{color:#ccc;background-color:#222;border:1px solid gray;border-radius:10px;padding:.5em;box-shadow:inset -2px -2px 4px -1px #fff,inset 2px 2px 5px #000,0 0 3px #fff}.contactme-container .contactme-button{color:#ccc;background-color:#222;border:none;border-radius:10px;align-self:center;padding:1em;font-weight:700;box-shadow:inset -2px -2px 5px #fff,inset 2px 2px 5px #000,0 0 5px #fff}.contactme-container .contactme-button:hover{background-color:#444;border:none}.contactme-container .contactme-button:active{color:#fff;background-color:#aaa;border:none;box-shadow:inset -2px -2px 5px #000,inset 2px 2px 5px #000,0 0 5px #fff}@media screen and (width<=991px){.contactme-container{width:90%}}header{color:#b4b4b4;align-items:center;height:100px;padding-left:2em;padding-right:2em;display:flex;overflow:hidden;box-shadow:0 0 5px #fff}nav{display:flex}nav a{vertical-align:middle;text-align:center;padding-top:auto}header a{color:#b4b4b4;vertical-align:middle;height:100px;margin:0 0 0 1em;font-size:24px;line-height:100px;text-decoration:none}header a:hover{color:#fff;box-shadow:inset 0 -35px 35px -35px #fff,-30px 75px 30px -20px #fff,30px 75px 30px -20px #fff}.vp-logo{background-color:none;vertical-align:middle;border-radius:100%;width:50px;margin:auto;display:inline-block;box-shadow:0 0 10px 2px #620080}.nav-container{margin-left:auto}.menu-collapse{display:none}.collapse-container{z-index:9;display:none;position:relative}.collapse-title-container{border:1px solid #fff;width:100px;transition:all .3s;box-shadow:5px 5px 15px #fff,inset -5px 5px 20px -5px #fff}.collapse-title-container p{margin:0;padding:1em}.display-block{display:block!important}.collapse-description-container{box-sizing:border-box;border:1px solid #fff;align-items:center;width:100px;height:0;transition:all .3s;position:absolute;overflow:hidden;box-shadow:5px 5px 15px #fff,inset -10px -10px 15px 15px #fff}.collapse-description-p-open{box-sizing:border-box;width:300px}.collapse-description-container-open{width:300px;height:264px}.collapse-description-container-close{width:100px;height:0}.nav-desktop{display:flex}.nav-mobile{box-sizing:border-box;background-color:#000c;width:300px;padding:1em 1em 1em 0;display:flex;overflow:visible}.nav-mobile a{height:auto;padding-bottom:1em;line-height:normal}.magic-triangle-container{width:100px;height:50px;transition:all 7s linear;position:absolute;left:0;overflow:hidden}.magic-triangle{transform-origin:100% 100%;background-color:#fff;width:400px;height:400px;transition:all 10s linear;position:absolute;top:-400px;right:0;transform:rotate(-10deg)}.magic-triangle-container-open{width:0;height:400px;left:300px}.magic-triangle-open{transform:rotate(-180deg)}@media screen and (width<=1400px){header a{font-size:20px}}@media screen and (width<=1100px){header a{font-size:16px}}@media screen and (width<=991px){header{overflow:visible}nav a{text-align:left;line-height:normal}nav{flex-direction:column;position:absolute}.nav-desktop{display:none}.collapse-container{display:block}}body{color:#b4b4b4;background-color:#000;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}main{width:100%;padding:0}h1{text-align:center}.displayflex{display:flex}.section-parcours{padding-left:1em;padding-right:1em}.section-parcours li{padding:1em}.section-competences{padding-left:1em;padding-right:1em}.section-competences ul{margin-left:2em}.cv-container .banner-div-cv{background:linear-gradient(#fff 0%,#000 10% 90%,#fff 100%),linear-gradient(90deg,#fff 0%,#000 10%,#fff 20%,#000 50%,#fff 80%,#000 90%,#fff 100%);width:100%;height:250px}.cv-container h1{font-size:80px;font-weight:100}.cv-container h3{padding:0 0 0 2em}.cv-container .section-presentation{justify-content:center;align-items:center;gap:30px;display:flex}.cv-container .section-presentation p{font-size:60px;font-weight:100}.cv-container .section-presentation img{width:300px;height:300px;margin:2em}.cv-container .light-line{width:80%;height:0;margin:auto;box-shadow:0 0 10px 5px #fff}.cv-container .light-line-flex{align-self:stretch;margin:2em;box-shadow:0 0 10px 5px #fff}.cv-container .cv-content{justify-content:space-between;align-items:center;margin:2em;display:flex}.cv-container .cv-content .section-competences{min-width:425px}@media screen and (width<=1300px){.cv-container .section-presentation p{font-size:38px}}@media screen and (width<=991px){.cv-container .banner-div-cv{height:200px}.cv-container h1{font-size:60px}.cv-container .section-presentation{flex-direction:column}.cv-container .section-presentation p{text-align:center;margin-top:0;font-size:30px}.cv-container .cv-content{flex-direction:column;margin:0}.cv-container .cv-content .section-competences{width:90%;min-width:0}.cv-container h2{text-align:center}.cv-container h3{padding-left:0}.cv-container h4{padding-left:1em}}.section-prestashop{border-top:1px solid #fff;margin-top:1em}.section-prestashop .prestashop-img-container{align-items:flex-start;gap:1em;display:flex}.section-prestashop .prestashop-img-container img{object-fit:scale-down;max-height:500px;transition:all .7s}.section-prestashop .scrollable-img{scroll-behavior:auto;aspect-ratio:768/4040;width:750px;transition:all 1.5s;position:relative;top:0;object-fit:cover!important;max-height:none!important}.section-prestashop .scrollable-img-div{width:768px;height:500px;transition:all 1.5s;overflow-y:scroll}.section-prestashop .img2{transition:all 1s!important}@media screen and (width<=991px){.section-prestashop .prestashop-img-container{flex-wrap:wrap;justify-content:center}.section-prestashop .prestashop-img-container div{max-width:80%}.section-prestashop .prestashop-img-container div img{width:100%}}.section-react{border-top:1px solid #fff}.section-react .projet-kasa-container2{gap:.5em;display:flex}.section-react .projet-kasa-container2 img{width:50%;transition:all .5s}.section-react .projet-kasa-container{justify-content:center;gap:4em;transition:all 3s;display:flex}.section-react .projet-kasa-container .projet-kasa-text-container{transition:all .5s}.section-react .projet-kasa-container .projet-kasa-img-container{width:70%;transition:all .5s}.section-react .projet-kasa-container .projet-kasa-img-container div{gap:.5em;display:flex}.section-react .projet-kasa-container .projet-kasa-img-container div img{object-fit:scale-down;height:500px}.section-react .projet-kasa-container img{aspect-ratio:auto;height:400px}.section-react .projet-grimoire-img-container2{justify-content:center;transition:all 2s;display:flex}.section-react .projet-grimoire-img-container2 img{height:500px;transition:all .5s}.section-react .projet-grimoire-container{gap:4em;transition:all 3s;display:flex}.section-react .projet-grimoire-container .projet-grimoire-text-container{transition:all 1s}.section-react .projet-grimoire-container .projet-grimoire-img-container{width:60%;transition:all 1s}.section-react .projet-grimoire-container .projet-grimoire-img-container div{flex-direction:column;gap:.5em;display:flex}.section-react .projet-grimoire-container .projet-grimoire-img-container div img{object-fit:scale-down;height:auto}.section-react .projet-grimoire-container img{aspect-ratio:auto;height:500px}.section-react .megagap{transform:translate(200px)}.section-react .bigTranslateLeft{transform:translate(-2000px)}.section-react .bigTranslateRight{transform:translate(2000px)}.section-react .smallTranslateRight{transform:translate(200px)}@media screen and (width<=991px){.section-react .projet-kasa-container2{flex-direction:column}.section-react .projet-kasa-container2 img{width:auto}.section-react .projet-kasa-container{flex-direction:column}.section-react .projet-kasa-container .projet-kasa-img-container{width:auto}.section-react .projet-kasa-container .projet-kasa-img-container div{flex-direction:column}.section-react .projet-kasa-container .projet-kasa-img-container div img{object-fit:scale-down;height:auto}.section-react .projet-grimoire-img-container2 img{width:100%;height:auto}.section-react .projet-grimoire-container{flex-direction:column}.section-react .projet-grimoire-container .projet-grimoire-img-container{width:auto;transition:all 1s}.section-react .projet-grimoire-container .projet-grimoire-img-container img{object-fit:scale-down;width:100%;height:auto}.section-react .projet-grimoire-img-container div{justify-content:flex-start}.section-react .projet-grimoire-container{gap:0}}.section-shopify{border-top:1px solid #fff;margin-top:1em}.section-shopify .section-shopify-img-container{gap:1em;padding:2em;display:flex}.section-shopify .section-shopify-img-container img{width:48%;transition:all .5s ease-in-out}.section-shopify .shopify-p1,.section-shopify .shopify-p2{transition:all 1s}.section-shopify .megagap{transform:translate(200px)}.section-shopify .bigTranslateLeft{transform:translate(-2000px)}.section-shopify .bigTranslateRight{transform:translate(2000px)}.section-shopify .smallTranslateRight{transform:translate(200px)}@media screen and (width<=991px){.section-shopify .section-shopify-img-container{flex-direction:column}.section-shopify .section-shopify-img-container img{width:auto}}.section-wordpress{border-top:2px solid #fff;margin-top:1em}.section-wordpress .img-container{flex-wrap:wrap;justify-content:center;gap:1em;margin-top:2em;display:flex}.section-wordpress img{border:5px solid #fff;max-width:80%;transition:all 1s}.megagap{transform:translate(200px)}.bigTranslateLeft{transform:translate(-2000px)}.bigTranslateRight{transform:translate(2000px)}.smallTranslateRight{transform:translate(200px)}.developpementweb-container{contain:paint;border-left:1px solid #fff;border-right:1px solid #fff;max-width:80vw;margin-left:auto;margin-right:auto;padding:3em;font-family:Montserrat,sans-serif}.developpementweb-container .banner-web-img{max-width:80%;margin-left:auto;margin-right:auto;display:block}.developpementweb-container h1{color:#fff;font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-size:80px;font-style:normal;font-weight:100}.developpementweb-container h4{text-align:center;margin-top:2em;margin-bottom:2em;font-size:30px;font-weight:200}.developpementweb-container h3{font-size:45px;font-weight:200}.developpementweb-container h2{text-align:center;z-index:9;background-color:#000d;background-size:300% 100vw;margin-left:-1000px;margin-right:-1000px;padding:10px 1000px;font-size:60px;font-weight:200;position:sticky;top:0;overflow-y:auto}.developpementweb-container p{color:#fff;font-size:20px}.developpementweb-container .sticky{position:sticky}.developpementweb-container .static{position:static}@media screen and (width<=991px){.developpementweb-container h1{font-size:60px}.developpementweb-container h2{font-size:40px}.developpementweb-container h3{font-size:30px}.developpementweb-container h4{font-size:20px}.developpementweb-container p{font-size:18px}}@media screen and (width<=767px){.developpementweb-container h1{font-size:40px}.developpementweb-container h2{font-size:30px}.developpementweb-container h3{font-size:20px}.developpementweb-container h4{font-size:15px}.developpementweb-container p{font-size:14px}}.section-unrealengine h1{display:none}.section-unrealengine h2{text-align:center;padding-left:2em;padding-right:2em;font-size:60px;font-weight:200}.section-unrealengine h3{padding-left:2em;padding-right:2em;font-size:45px;font-weight:200;text-decoration:underline}.section-unrealengine h4{text-align:center;padding-left:2em;padding-right:2em;font-size:30px;font-weight:200}.section-unrealengine p{padding-left:2em;padding-right:2em;font-size:20px}@media screen and (width<=991px){.section-unrealengine h2{font-size:40px}.section-unrealengine h3{font-size:30px}.section-unrealengine h4{font-size:20px}.section-unrealengine p{font-size:16px}}.section-android .android-banner-container{padding:1em;box-shadow:0 0 15px #fff,inset 0 15px 15px -15px #fff,inset 0 -15px 15px -15px #fff}.section-android .android-banner-container .android-logo-container{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:400px;height:200px;margin-left:auto;margin-right:auto;padding:2em;display:flex;box-shadow:0 0 15px #fff,inset 0 0 15px #fff}.section-android .android-banner-container .android-logo-container h1{margin:0;font-size:60px;font-weight:100}.section-android .android-banner-container img{width:200px}.section-android p{padding-left:2em;padding-right:2em}@media screen and (width<=600px){.section-android .android-banner-container .android-logo-container{border-radius:20px;width:250px;height:100px;padding:2em;box-shadow:0 0 15px #fff,inset 0 0 15px #fff}.section-android .android-banner-container .android-logo-container h1{margin:0;font-size:40px;font-weight:100}.section-android .android-banner-container img{width:125px}}.meteors-map-intro-text-container{padding:2em}.banner-div-meteors{width:100%}.section-meteorsmap{justify-content:center;gap:2em;display:flex}.section-meteorsmap .map-container{position:relative}.section-meteorsmap .map-container canvas{pointer-events:none;width:600px;height:450px;position:absolute;inset:0}.section-meteorsmap .meteors-map-container{width:100%}.section-meteorsmap .meteors-map-options-container{border:1px solid #fff;border-radius:20px;min-width:300px;margin:0 2em;padding:1em}.section-meteorsmap .meteors-map-options-container div{padding:1em}.section-meteorsmap .map-labels{margin:2em}.section-meteorsmap .circle{border-radius:50%;width:30px;height:30px;margin-left:1em;margin-right:.5em;display:inline-block;box-shadow:inset 1px 1px 5px #000}.section-meteorsmap .xs-circle{background-color:#0f0}.section-meteorsmap .s-circle{background-color:#ff0}.section-meteorsmap .m-circle{background-color:orange}.section-meteorsmap .l-circle{background-color:red}.section-meteorsmap .xl-circle{background-color:#90f}.section-meteorsmap .xs-year{background-color:#aaa}.section-meteorsmap .s-year{background-color:#00f}.section-meteorsmap .m-year{background-color:#0ff}.section-meteorsmap .l-year{background-color:#f0f}.section-meteorsmap .xl-year{background-color:red}.section-meteorsmap .switch .offspan{pointer-events:none;content:"lol";color:#ccc;z-index:2;padding-left:5px;position:absolute;top:0;bottom:0;left:40px}.section-meteorsmap .switch .onspan{z-index:2;color:#fff;background-color:#2196f3;padding-left:12px;transition:all .1s;position:absolute;top:0;right:54px}.section-meteorsmap .switch span{pointer-events:none;content:"lol";color:#ccc;position:absolute;top:0;bottom:0;left:0}.section-meteorsmap .switch{z-index:3;background-color:#151c27;width:80px;height:34px;margin-left:10px;display:inline-block;position:relative}.section-meteorsmap .switch input{opacity:0;width:0;height:0}.section-meteorsmap .slider-toggle{cursor:pointer;z-index:3;transition:all .4s;position:absolute;inset:0;box-shadow:inset 0 0 10px red}.section-meteorsmap .slider-toggle:before{content:"";z-index:3;background-color:#324257;width:42px;height:42px;transition:all .1s;position:absolute;bottom:-4px;left:-4px;box-shadow:inset 0 0 5px #000}.section-meteorsmap input:checked>.switch{background-color:red}.section-meteorsmap input:checked+.slider-toggle{box-shadow:inset 0 0 10px #00f}.section-meteorsmap input:checked+.knobs,.section-meteorsmap input:focus+.knobs{color:red}.section-meteorsmap input:checked~.onspan{right:24px}.section-meteorsmap input:checked+.slider-toggle:before{z-index:3;width:42px;height:42px;bottom:-4px;left:0;transform:translate(46px);box-shadow:inset 0 0 5px #000}@media screen and (width<=767px){.section-meteorsmap{display:block}}.scrolldiv{background-color:#000c;border-radius:20px;justify-content:center;align-items:center;width:100px;height:50px;display:flex;position:fixed;inset:70% 90% 20% 70%}.scrolldiv p{margin:0}.double-slider-container{touch-action:none}.double-slider-container .range_container{flex-direction:column;width:80%;margin-left:auto;margin-right:auto;display:flex;padding:0!important}.double-slider-container .sliders_control{min-height:50px;position:relative;padding:0!important}.double-slider-container .form_control{color:#635a5a;justify-content:space-between;font-size:24px;display:flex;position:relative;padding:0!important}.double-slider-container .form_control_container,.double-slider-container .form_control_container__time{padding:0!important}.double-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;cursor:pointer;background-color:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #c6c6c6}.double-slider-container input[type=range]::-moz-range-thumb{-webkit-appearance:none;pointer-events:all;cursor:pointer;background-color:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #c6c6c6}.double-slider-container input[type=range]::-webkit-slider-thumb:hover{background:#f7f7f7}.double-slider-container input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe}.double-slider-container input[type=number]{color:#8a8383;border:none;width:100px;height:30px;font-size:20px}.double-slider-container input[type=number]::-webkit-inner-spin-button{opacity:1}.double-slider-container input[type=number]::-webkit-outer-spin-button{opacity:1}.double-slider-container input[type=range]{appearance:none;pointer-events:none;background-color:#c6c6c6;width:100%;height:2px;position:absolute}.double-slider-container #fromSlider{z-index:1;height:0}