a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#000 no-repeat 50%/cover;height:100vh;color:#fff;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.container{max-width:1100px;margin:auto;padding:0 20px}header{height:200px}.center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.search{height:100px}input{display:block;padding:1rem;font-size:1.5rem;border:0;border-radius:10px;width:60%;margin:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.card{cursor:pointer;background-color:transparent;height:300px;-webkit-perspective:1000px;perspective:1000px}.card h1{font-size:25px;border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:10px;font-weight:700;text-shadow:3px 2px #000}.card img{width:100%;height:300px;object-fit:cover}.card-inner{position:relative;width:100%;height:100%;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card:hover .card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{background-color:#333;color:#fff;padding:20px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card li{list-style:none;padding-bottom:10px}.main-logo{height:10rem}span{font-weight:700;font-size:1.05rem;text-shadow:2px 1px #000}@media (max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.cards{grid-template-columns:1fr}.card img{width:100%;height:300px;object-fit:contain}}
/*# sourceMappingURL=main.d85b89a0.chunk.css.map */