@import url(https://fonts.googleapis.com/css2?family=Rubik&display=swap);*{box-sizing:border-box;font-family:Rubik,sans-serif;margin:0;padding:0}body{background:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9));background-position:50%;background-size:cover;height:100vh;width:100%}body main{padding:20px 50px}body main header a{align-items:center;display:flex;justify-content:space-between;text-decoration:none}body main header a h1{color:#fec260;font-size:30px}body main header a h1 span{color:#a10035;font-size:16px;letter-spacing:-2px}body main header a img{width:50px}body main header .search{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}body main header .search h1{color:#fec260;font-size:25px;margin-bottom:10px}body main header .search input{background:transparent;border:2px solid #fec260;border-radius:5px;color:#fec260;font-size:16px;outline:none;padding:5px 10px;width:400px}body main header .loading{align-items:center;display:flex;height:50vh;justify-content:center;width:100%}body main header .loading h1{color:transparent;font-size:5vw;position:relative}body main header .loading h1:before{-webkit-animation:animate .5s linear infinite;animation:animate .5s linear infinite;color:#fec260;content:attr(content);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:0}@-webkit-keyframes animate{0%{width:20%}70%{width:100%}}@keyframes animate{0%{width:20%}70%{width:100%}}body main header .not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}body main header .not-found button{background:#a10035;border:none;border-radius:5px;box-shadow:0 2px 8px 0 rgba(161,0,53,.9);color:#fec260;cursor:pointer;font-size:16px;margin:10px 0;outline:none;padding:5px 10px}body main header .not-found button:hover{background:#fec260;box-shadow:0 2px 8px 0 rgba(254,194,96,.9);color:#a10035}body main header .not-found h1{color:#a10035}body main .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}body main .container .item{align-items:center;background:transparent;border:3px solid #fec260;border-bottom:4px solid #a10035;border-radius:5px;display:flex;height:210px;justify-content:space-between;margin:10px;width:500px}body main .container .item .images{align-items:center;display:flex;height:100%;justify-content:center;width:200px}body main .container .item .images img{width:150px}body main .container .item .title{height:100%;padding:10px;width:300px}body main .container .item .title h1{color:#fec260;font-size:18px;margin-bottom:10px}body main .container .item .title .rarity,body main .container .item .title p{color:#fec260;font-size:16px}body main footer{margin-top:30px}body main footer .credit{align-items:center;display:flex;justify-content:center;text-align:center}body main footer .credit p{color:#fec260}body main footer .credit p a{color:green;text-decoration:none;transition:2s}body main footer .credit p a:hover{text-decoration:underline}@media (max-width:650px){body main,body main .container{width:100%}body main .container .item{flex-direction:column;height:auto}}@media (max-width:500px){body main header .search input{width:100%}}@media (max-width:400px){body main header a{flex-direction:column}body main header a h1{font-size:20px}body main header .search h1{font-size:18px;text-align:center}body main .container{padding:20px}body main .container .item{height:auto;width:100%}body main .container .item .images img{width:100px}body main .container .item .title{width:100%}body main .container .item .title h1{font-size:18px}body main .container .item .title p{font-size:14px}}
/*# sourceMappingURL=main.06fa27cc.css.map*/