body{margin:0}.App{font-family:Lato,sans-serif;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;height:100%;background:#222428}.link{text-decoration:none;color:inherit;outline:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,textarea:focus{outline:none}.App .loading{display:flex;justify-content:center;text-align:center;align-items:center;height:100vh;flex-direction:column;color:#7289da}.App .loading .text{color:#b9bbbe;font-size:20px;font-weight:700;-webkit-animation:loading 3s infinite;animation:loading 3s infinite;letter-spacing:.05em}.App .loading .link{text-decoration:underline}@-webkit-keyframes loading{0%{opacity:1}30%{opacity:.4}to{opacity:1}}@keyframes loading{0%{opacity:1}30%{opacity:.4}to{opacity:1}}.Nav{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:60px;font-size:24px;position:fixed;z-index:2;color:#b9bbbe}.Nav .logo .link{text-decoration:none;color:inherit}.Nav .logo p{margin:0;font-weight:700;font-family:Lato,sans-serif;letter-spacing:-.05em}.Nav .logo i:active,.Nav .logo i:focus,.Nav .logo i:hover{color:#fff;-webkit-animation:textSpin .8s;animation:textSpin .8s}.Nav i:active,.Nav i:focus,.Nav i:hover{color:#fff}.Nav .right{display:flex}.hide{opacity:0;-webkit-animation:hide .25s;animation:hide .25s}@-webkit-keyframes textSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes textSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes hide{0%{opacity:1}to{opacity:0}}@media only screen and (min-width:600px){.Nav{font-size:30px}.Nav .cart{margin-left:-15px}}.Listings{display:flex;justify-content:center;flex-direction:column;align-items:center}.Listings .About{color:#fff;margin-top:80px;width:80%;max-width:500px}.listingsGrid{width:100%;max-width:800px;margin-top:100px;display:grid;grid-template-columns:repeat(auto-fit,180px);justify-content:center}.Listings .search{color:#fff;background:#343638;border:none;padding:10px;border-radius:10px;margin-top:10px;width:40%;display:flex;justify-content:space-between;max-width:300px;margin-bottom:0;-webkit-animation:shrink .5s forwards;animation:shrink .5s forwards}.Listings .search .searchInput{background:#343638;border:none;color:#b9bbbe;min-width:90%;font-size:inherit}.Listings .search i{width:20px}.Listings .search:focus,.Listings .search:hover{-webkit-animation:expand .5s forwards;animation:expand .5s forwards}.Listings .link img{-webkit-animation:appear 1s forwards;animation:appear 1s forwards}.Listings .filter{color:#b9bbbe;background:#343638;border:none;padding:15px;border-radius:10px;position:fixed;left:10px;font-size:20px;z-index:1}.Listings .filter:hover{color:#fff}@-webkit-keyframes expand{0%{padding:10px;width:40%;font-size:16px;max-width:300px}to{padding:15px;width:80%;font-size:20px;max-width:400px}}@keyframes expand{0%{padding:10px;width:40%;font-size:16px;max-width:300px}to{padding:15px;width:80%;font-size:20px;max-width:400px}}@-webkit-keyframes shrink{0%{padding:15px;width:80%;font-size:20px;max-width:400px}to{padding:10px;width:40%;font-size:16px;max-width:300px}}@keyframes shrink{0%{padding:15px;width:80%;font-size:20px;max-width:400px}to{padding:10px;width:40%;font-size:16px;max-width:300px}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:600px){.Listings{grid-template-columns:1fr 1fr}}.About p{color:#b9bbbe;padding-bottom:20px;border-bottom:1px solid #91939b}.Listing{max-width:200px;width:100%;height:200px;justify-self:center;margin-bottom:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Listing img{width:140px;height:140px;object-fit:contain;position:relative;bottom:70px;z-index:1}.Listing .container{background:#323438;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:90%;justify-self:center;margin:0;height:100%}.Listing .container p{color:#fff;position:relative;bottom:50px;margin:0}.Listing .container .title{position:relative;font-size:18px;font-family:Verdana,Geneva,Tahoma,sans-serif}.Listing .container .year{font-size:16px;letter-spacing:.1em;color:#b9bbbe;font-family:Delius,cursive;font-style:italic}.Listing .container .price{font-size:18px;color:#7289da;font-weight:700;justify-self:flex-end}.Cart{width:100%;min-height:100vh;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(#323438),color-stop(#424448),to(#323438));background-image:linear-gradient(#323438,#424448,#323438);flex-direction:column;padding-top:80px;justify-content:center}.Cart,.Cart .item{display:flex;align-items:center}.Cart .item{background:#323438;color:#fff;border-radius:20px;justify-content:space-between;justify-self:center;padding:10px;height:200px;margin:0 0 25px;max-width:600px;width:80%}.Cart .item .details{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.Cart .item img{width:30vw;max-width:200px;height:70vw;max-height:200px;object-fit:contain}.Cart .item p{color:#fff;letter-spacing:.1em;margin:5px 0 0}.Cart .item .title{letter-spacing:.05em;margin-top:5px;font-size:22px;font-weight:700;margin-bottom:0}.Cart .item .year{font-size:14px;letter-spacing:.1em;color:#b9bbbe;font-family:Delius,cursive;font-style:italic;margin-top:5px}.Cart .item .price{color:#7289da;margin-bottom:5px}.Cart .item .amount{height:40px;font-size:18px;width:80px;border-radius:20px;text-align:center;background:#424448;color:#b9bbbe;font-family:Delius,cursive;border:1px solid #323438;justify-self:flex-end}.Cart .item .total{font-weight:700;font-size:18px}.totalBox{background:#323438;color:#fff;flex-direction:column;border-radius:20px;padding:10px;height:200px;margin-bottom:25px;max-width:600px}.startShopping,.totalBox{display:flex;justify-content:center;align-items:center;width:80%}.startShopping{height:42px;max-width:400px;background:#7289da;border-radius:10px;margin-top:20px;padding-bottom:8px}.startShopping p{font-weight:700}.removeItem{min-height:40px;font-size:18px;min-width:40px;border-radius:20px;text-align:center;background:#424448;color:#b9bbbe;border:1px solid #323438;justify-self:flex-end;align-self:flex-start;display:flex;justify-content:center;align-items:center}.removeItem:hover{background:#e91e63;color:#fff}.ListingDetailed,body{background-image:-webkit-gradient(linear,left top,left bottom,from(#323438),color-stop(#424448),to(#323438));background-image:linear-gradient(#323438,#424448,#323438)}.ListingDetailed{width:100%;min-height:101vh;height:100%}.ListingDetailed .container{position:relative;top:150px}.ListingDetailed img{object-fit:contain}.ListingDetailed img,.tilt{width:70vw;max-width:400px;height:70vw;max-height:400px}.tilt{margin:0 auto}.ListingDetailed .container p{color:#fff;letter-spacing:.1em;margin:10px 0 0}.ListingDetailed .container .title{letter-spacing:.05em;margin-top:20px;font-size:22px;font-weight:700;margin-bottom:0}.ListingDetailed .container .year{font-size:14px;letter-spacing:.1em;color:#b9bbbe;font-family:Delius,cursive;font-style:italic;margin-top:5px}.ListingDetailed .container .amount{height:40px;font-size:18px;width:80px;border-radius:20px;text-align:center;background:#424448;color:#b9bbbe;font-family:Delius,cursive;border:1px solid #323438;justify-self:flex-end}.ListingDetailed .cartStuff{display:flex;justify-content:center;margin-top:10px}.ListingDetailed .addToCart{color:#b9bbbe;background:#424448;border:1px solid #323438;border-radius:20px;width:42px;height:42px;display:flex;justify-content:center;align-items:center}.ListingDetailed .addToCart i{font-size:20px}.Success{width:100%;min-height:100vh;flex-direction:column;padding-top:80px;justify-content:center}.Success,.Success .item{color:#fff;display:flex;align-items:center}.Success .item{background:#323438;border-radius:20px;justify-content:space-between;font-size:18px;justify-self:flex-end;padding:10px;height:200px;margin:0 0 25px;max-width:600px;width:80%;-webkit-animation:fadeIn 1.5s forwards;animation:fadeIn 1.5s forwards}.Success .item p{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.Success img{width:30vw;max-width:200px;height:70vw;max-height:200px;object-fit:contain}.Success .link{height:50px;width:80%;max-width:400px;display:flex;justify-content:center;align-items:center;background:#7289da;border-radius:10px;margin-top:5px}.Success .link p{font-weight:700}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.df1f9275.chunk.css.map */