.card{--card-gradient:rgba(0,0,0,0.8);--card-blend-mode:overlay;background-color:#fff;border-radius:.5rem;box-shadow:.05rem .1rem .3rem -.03rem rgba(0,0,0,.45);padding-bottom:1rem;background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card-gradient)),to(#fff));background-image:-webkit-linear-gradient(var(--card-gradient),#fff max(9.5rem,27vh));background-image:linear-gradient(var(--card-gradient),#fff max(9.5rem,27vh));overflow:hidden}.card img{border-radius:.5rem .5rem 0 0;width:100%;object-fit:cover;max-height:max(10rem,30vh);aspect-ratio:4/3;mix-blend-mode:var(--card-blend-mode)}.card img~*{margin-left:1rem;margin-right:1rem}.card>:last-child{margin-bottom:0}.card:focus-within,.card:hover{--card-gradient:#d5c324 max(8.5rem,20vh)}*{box-sizing:border-box}.card h3{margin-top:1rem;font-size:1.25rem}.card a,.card h3{text-transform:capitalize}.card a{color:inherit}.card-wrapper{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(30ch,1fr));grid-gap:1.5rem;max-width:100vw;width:120ch;padding:0 1rem}body{background:-webkit-linear-gradient(135deg,#ee7752,#2c2929,#b8c04e,#e7968b);background:linear-gradient(-45deg,#ee7752,#2c2929,#b8c04e,#e7968b);background-size:4000% 4000%;-webkit-animation:gradient 10s ease infinite;animation:gradient 10s ease infinite;height:100vh}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.grid-container{width:80%;display:grid;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px}.header{text-align:center;color:#fff;font-size:20px}button{border:4px solid #000;padding:16px 24px;margin:10px;position:relative;color:beige;background-color:transparent}button span{font-size:24px;text-transform:uppercase;font-weight:700;font-family:Roboto,sans-serif;letter-spacing:5px}button:after{position:absolute;top:10px;left:10px;height:100%;width:100%;background-color:#01f;content:"";z-index:-1;-webkit-transition:width .2s ease-out .2s,-webkit-transform .2s ease-in;transition:width .2s ease-out .2s,-webkit-transform .2s ease-in;transition:transform .2s ease-in,width .2s ease-out .2s;transition:transform .2s ease-in,width .2s ease-out .2s,-webkit-transform .2s ease-in}button:hover:after{-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px);width:calc(100% - 10px)}button:active:after{width:100%}.load-page{overflow:hidden}.loader{width:600px;height:600px;margin:auto}.loader div{width:calc(100% - 15px);height:calc(100% - 15px);border:2px solid #fff;border-top-color:#dc143c;border-radius:50%;animation:rotate 10s linear infinite alternate-reverse}@-webkit-keyframes rotate{50%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{50%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.a2617a1f.chunk.css.map */