@import url(https://fonts.googleapis.com/css?family=VT323&display=swap);body{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}.box{width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:15px;margin:0 auto}.card{position:relative;width:200px;height:300px;background:#161616;margin:50px auto;border-radius:2px;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2)}.card:after,.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;-webkit-transition:.5s;transition:.5s;z-index:-1;background:#161616}.card:hover:before{-webkit-transform:rotate(20deg);transform:rotate(20deg);box-shadow:0 2px 20px rgba(0,0,0,.2)}.card:hover:after{-webkit-transform:rotate(10deg);transform:rotate(10deg);box-shadow:0 2px 20px rgba(0,0,0,.2)}.card .imgBx{position:absolute;top:5px;left:5px;bottom:3px;right:5px;background:#222;-webkit-transition:.5s;transition:.5s;z-index:1}.card:hover .imgBx{bottom:80px}.card .imgBx img{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card .details{position:absolute;left:10px;right:10px;bottom:10px;height:60px;text-align:center}.card .details h2{margin:0;padding:0;font-weight:600;font-size:20px;color:#adff2f;text-transform:uppercase}.card .details h2 span{font-weight:500;font-size:11px;color:#f38695;display:block;margin-top:5px}.card .details h2 span :before{display:none}.card-list{width:85vw;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:20px}.search{font-weight:600;margin-top:10px;color:#adff2f;width:400px;height:50px;border:1px solid green;border-radius:0;cursor:default;-webkit-transition:.7s;transition:.7s;-webkit-transition-timing-function:cubic-bezier(1,-.5,0,1.5);transition-timing-function:cubic-bezier(1,-.5,0,1.5);text-align:left;box-sizing:border-box;padding-left:15px;outline:none;font-size:30px;background:transparent}.App,.search{font-family:VT323,monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}body{background-color:#000;color:#adff2f;font-family:VT323,monospace;font-size:30px;letter-spacing:2px}.parent{display:flex;justify-content:center;align-items:center}
/*# sourceMappingURL=main.a0dd50bf.chunk.css.map */