.App{text-align:center}.slider{background:#b1d7f8;height:300px;margin:auto;overflow:hidden;position:relative;width:960px}.slider:after,.slider:before{background:linear-gradient(90deg,#b1d7f8 0,hsla(0,0%,100%,0));content:"";height:300px;position:absolute;width:150px;z-index:2}.slider:after{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slider:before{left:0;top:0}.slider .slide-track{-webkit-animation:slide 40s linear infinite;animation:slide 40s linear infinite;display:flex;width:3500px}.slider .slide{height:300px;width:300px;margin-left:30px}.slider .slide img{border-radius:20px}@media only screen and (max-width:600px){.slider{background:#b1d7f8;height:300px;margin:auto;overflow:hidden;position:relative;width:350px}.slider:after,.slider:before{background:linear-gradient(90deg,#b1d7f8 0,hsla(0,0%,100%,0));content:"";height:300px;position:absolute;width:25px;z-index:2}.slider:after{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slider:before{left:0;top:0}.slider .slide-track{-webkit-animation:slide 40s linear infinite;animation:slide 40s linear infinite;display:flex;width:3500px}.slider .slide{height:300px;width:300px;margin-left:30px}}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1750px);transform:translateX(-1750px)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1750px);transform:translateX(-1750px)}}@-webkit-keyframes slide{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}}@keyframes slide{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}}body{background:#b1d7f8;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#roof{width:70%}#mintlive{width:45%}#docgif{width:300px;height:300px;border-radius:6px}@media only screen and (max-width:600px){#roof{width:120%}#docgif,#mintlive{width:250px}#docgif{height:250px}}
/*# sourceMappingURL=main.aece2434.chunk.css.map */