@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Merienda:wght@400;700&display=swap);body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{box-sizing:border-box}body{margin:0}.container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto auto;grid-template-areas:"header" "image" "filter" "slider" "footer";height:100vh;width:100vw;overflow-x:hidden;background:#a68efa}.header{grid-area:header;font-family:"Merienda",cursive;font-weight:700;color:#f0f8ff;font-size:1.7em;padding:.6em 0 0 1em;text-shadow:3px 3px 3px #7704c4}.main-img{grid-area:image;margin:1em;position:relative;box-shadow:1px 2px 10px #555;border-radius:15px;background-image:url(/static/media/1.f8a4d626.jpeg);background-size:contain;background-repeat:no-repeat;background-position:50%}.main-img2{background-image:url(/static/media/2.711ceb48.jpeg)}.main-img:before{content:"";width:100%;height:100%;background:transparent;border:10px solid #8400ff;position:absolute;border-radius:15px;z-index:0}.main-img ul{list-style-type:none;position:absolute;bottom:0}.main-img li{float:left;display:inline-block;color:#f0f8ff;font-weight:900;padding:5px 10px;background:rgba(0,0,0,.4);margin:auto 2px}.main-img li:hover{cursor:pointer}.slider-container{margin-top:.5rem;grid-area:slider;padding:1.4rem 1em 1em 2em}.slideval-container{position:relative}.slider{-webkit-appearance:none;width:90%;height:1em;background:#9c50ff;outline:transparent;transition:.4s;box-shadow:2px 2px 5px #7210e2,inset -1px -1px 3px #8818e4;cursor:pointer;border-radius:15px}.slider,.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-transition:.4s;transition:.4s}.slider-lef::-webkit-slider-thumb,.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-color:#6c09a5 transparent;border-style:solid;border-width:10px;border-radius:50%;cursor:pointer}#val{position:absolute;left:0;color:#defcde;font-weight:700;top:-20px}.fxbar{grid-area:filter;padding:.3em 1em .3em .3em;overflow-x:scroll;display:flex;flex-direction:row;background:#8a2be2}.fxbar::-webkit-scrollbar{display:none}.fxbar-item{padding:1em;background-image:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,0,0,0)),url(/static/media/1.f8a4d626.jpeg);background-size:cover;background-position:bottom;min-width:10em;border:none;margin:0 5px;font-weight:900;opacity:.7;outline:none;-webkit-transition:.3s ease;color:#f0f8ff}.fxbar-item:hover{cursor:pointer;opacity:1}.active{opacity:1;position:relative}.active:after{content:"";position:absolute;width:100%;height:3px;background:#fff;transform:scaleX(0);transform-origin:center;-webkit-animation:select .3s ease-in-out forwards;animation:select .3s ease-in-out forwards;bottom:0;left:0}footer{color:#f0f8ff;letter-spacing:2px;word-spacing:3px;text-align:center;font-weight:700;font-family:"Bebas Neue",cursive;font-size:1.3em;padding:.3em;background:transparent;box-shadow:-3px 0 10px #5608d3}.hide{display:none}@-webkit-keyframes select{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes select{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.brightness{-webkit-filter:brightness(200%)}.contrast{-webkit-filter:contrast(200%)}.saturation{-webkit-filter:saturate(200%)}.grayscale{-webkit-filter:grayscale(100%)}.sepia{-webkit-filter:sepia(100%)}.hue-rotate{-webkit-filter:hue-rotate(180deg)}.blur{-webkit-filter:blur(.5px)}@media only screen and (max-width:600px){.main-img li{background:rgb(255 71 71)}}
/*# sourceMappingURL=main.163d27ac.chunk.css.map */