body{background:#0d0d0d;color:#fff;font-family:Instrument Sans,sans-serif}.App{display:flex;flex-direction:column;margin:0;padding:0}h1{font-family:Lalezar,cursive}li,ul{list-style-type:none}a{color:#fff;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:red;border-radius:4px}::-webkit-scrollbar-track{background-color:#000}main{flex-direction:column;justify-content:space-around;margin:0 auto;padding:0;width:80%}header,main{display:flex}header{align-items:start;flex-direction:row;height:165px;overflow:hidden;position:relative}header:before{animation:slideBackground 30s linear infinite;background-image:url(/Kpiecee/static/media/slide_header.b2b929247aefe793b6ba.jpg);background-repeat:repeat-x;content:"";filter:brightness(10%);height:100%;left:0;position:absolute;top:0;width:200%}@keyframes slideBackground{0%{transform:translateX(0)}to{transform:translateX(-50%)}}header img{height:150px;left:20px;position:absolute;top:10px;width:350px}header form{align-items:center;background-color:#090909;color:#fff;display:flex;outline:1px solid #fff;padding:5px;position:absolute;right:70px;top:35%}header input{font-weight:700;text-align:center;width:150px}header button,header input,header input::placeholder,header input:active{background-color:#090909;border:none;color:#fff;padding:0}header input{outline:none}header button{border:inherit;box-shadow:inherit;cursor:pointer;display:inherit;padding:10px}@media screen and (max-width:1244px){header{align-items:center;background-color:#000;flex-direction:column;height:200px;justify-content:space-around;position:relative;z-index:1}header:before{top:10px}header img{height:auto;position:relative;width:300px;z-index:2}header form{align-items:center;background:none;display:flex;justify-content:center;outline:none;position:static;z-index:2}header input{height:30px}header button,header input{background-color:initial;font-size:15px}}.Accueil{margin:auto;width:100%}.Accueil h2{font-size:32px;position:relative}.Accueil h2:before{animation:lineAnimation 2s forwards;background-color:#fff;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:0}.ScrollToTopButton{display:none}@keyframes lineAnimation{0%{width:0}to{width:100%}}.Accueil ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.Accueil li{height:520px}.Pagination{display:flex;justify-content:center;margin-top:20px}.Pagination button{background-color:#000;border:none;color:#fff;cursor:pointer;font-weight:700;margin:0 4px;padding:8px 12px}.Pagination button.active{background-color:#fff;color:#000}@media screen and (max-width:1244px){.Accueil{margin:0 auto;width:80%}.Accueil ul{margin:auto;padding:0;width:100%}.Accueil li{height:450px;margin:auto;width:251px}div.Card,div.Card.new{width:auto}}@keyframes slidein{0%{transform:translateY(10%)}to{transform:translateX(0)}}@keyframes dezoom{0%{transform:scale(1)}to{transform:scale(.9)}}.Card{align-items:center;animation:slidein 2s ease-in-out;display:flex;flex-direction:column-reverse;font-size:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;position:relative;text-align:center;transition:transform .4s ease-in-out;width:290px}.Card:hover{transform:scale(1.1)}.Card img{box-shadow:0 1px 6px rgba(255,0,0,.336);height:407px;transition:filter .3s ease-in-out;width:278px}.Card img:hover{filter:brightness(70%)}.Card a{height:407px;margin:5px;padding:0;width:278px}.Card h3{align-items:center;display:flex;font-size:17px;height:60px;justify-content:center;margin:0;transition:all 1s ease-in-out;width:275px}.Card p{background-color:#000;border:2px solid #fff;font-size:20px;left:15px;margin:5px auto;padding:5px;top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Card .new-badge,.Card p{font-weight:700;position:absolute;z-index:999}.Card .new-badge{background-image:linear-gradient(45deg,red,#ff5a00);box-shadow:0 1px 10px #ff0101;color:#fff;font-size:16px;padding:7px;right:0;text-shadow:2px 2px 4px #000;top:20px;transform:rotate(40deg)}@media screen and (max-width:1244px){.Card{animation:slidein 2s ease-in;animation:dezoom 2s ease-in;margin:auto;transform:scale(.9)}.Card:hover{transform:inherit}.Card p{left:-13px}.Card .new-badge{right:-30px}}.Scan{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:18px;height:100%;justify-content:space-around;overflow:auto;width:100%}.Scan-content{position:relative}.Scan select{background-color:#333;color:#fff;font-weight:700;margin:20px 0;padding:10px;text-overflow:ellipsis;width:400px}.Scan p{margin:10px}.Scan-images{height:100%;margin:auto;position:relative;width:100%}.Scan img{height:auto;width:100%}.Scan-navbar{align-items:center;background-color:#363636;display:flex;height:50px;margin:auto;position:relative;top:0;width:100%;z-index:999}.Scan.fullscreen .Scan-navbar{position:fixed}.Scan.fullscreen .progress-bar{position:fixed;z-index:999}.Scan-navbar button{background-color:#363636;border:none;border-radius:4px;color:grey;cursor:pointer;font-size:20px;margin-left:20px;margin-right:20px;padding:10px}.Scan-navbar button:hover{border-bottom:2px solid red}.Scan-navbar button:active{color:#fff}.custom-left-side,.custom-right-side{bottom:0;cursor:pointer;height:100%;position:absolute;top:0;transition:all .2s ease-in-out;width:49.9%}.custom-left-side:hover,.custom-right-side:hover{background-color:rgba(0,0,0,.021)}.Scan-image-overlay.inactive{display:none}.Scan.fullscreen .Scan-image-overlay{height:265vh}.custom-left-side{left:0}.custom-right-side{right:0}.custom-left-side.active,.custom-right-side.active{pointer-events:auto}.Scan.fullscreen .Scan-select{display:none}.Scan.fullscreen .Scan-content{height:100%;position:absolute;top:0;width:100%}.Scan-volume{background-color:initial;border:none;color:#fff;cursor:pointer;display:none;font-size:16px;margin-left:10px;padding:5px}.Scan-volume-slider{margin-left:10px;width:100px}input.styled-range-input[type=range]{-webkit-appearance:none;background:#d3d3d3;border-radius:5px;height:10px;outline:none;width:20%}input.styled-range-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border-radius:50%;cursor:pointer;height:20px;width:20px}input.styled-range-input[type=range]::-moz-range-thumb{background:#4caf50;border-radius:50%;cursor:pointer;height:20px;width:20px}.progress-bar{bottom:0;height:3px;left:0;position:fixed;right:0}.progress{background-color:red;height:100%;transition:all .4s ease-in-out;z-index:999}.Scan-image-container.vertical-view{display:flex;flex-direction:column}.Scan-image-container.vertical-view .Scan-image{margin-bottom:10px}@media screen and (max-width:800px){main{width:100%}.Scan-navbar{height:20px;justify-content:start}.Scan-navbar button{display:none;margin:0;padding:0}.Scan-fullscreen{color:red;margin-left:50%}.Scan select{width:25%}.Scan.fullscreen .Scan-image-overlay{height:70vh}.Scan input,.Scan-current-time-music,.Scan-music,.Scan-volume{display:none}}@media only screen and (max-width:768px) and (orientation:landscape){.Scan.fullscreen .Scan-image-overlay{height:320vh}}.card-list{flex-direction:row;flex-wrap:wrap;justify-content:center}.card-list,.card-list li{display:flex}@media screen and (max-width:1244px){.search-wrap{margin:auto;width:90%}.search-wrap h1{font-size:26px;margin-top:30px;text-align:center}.search-number{color:#fff;font-family:Ubuntu,sans-serif;font-weight:700;letter-spacing:1px;text-shadow:2px 7px 5px #0000004d,0 -4px 10px #ffffff4d}.card-list{padding:0;width:100%}.card-list li{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.card-list p{left:15px}}.page-404{text-align:center}.titre-404{color:#ff6060;font-size:288px;margin:7% auto}.description-404{color:#ff6060;display:block;font-size:36px;margin-top:1%}.lien-site.lien-404{border-bottom:1px solid #ff6060;display:block;margin:15% auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page-404 .footer-container{display:none}@media screen and (max-width:1490px){.page-404{margin-top:40%}.titre-404{font-size:96px}.description-404{font-size:18px}.lien-site.lien-404{margin-bottom:40%;margin-top:35%}}
/*# sourceMappingURL=main.b4f73e5a.css.map*/