@import url(https://fonts.googleapis.com/css2?family=Almendra+Display&family=Rubik+Distressed&display=swap);main{margin-bottom:2rem}main .cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;margin-top:5rem}main .cards .card{border-radius:20px;height:350px;margin:.5rem;overflow:hidden;position:relative;width:500px}main .cards .card img{border-radius:20px;height:100%;object-fit:cover;opacity:.7;width:100%}main .cards .card img:hover{opacity:1}main .cards .card:hover .desc{transform:translateY(0)}main .cards .card h2{background-color:rgba(0,0,0,.562);border-radius:20px;font-size:2rem;right:0;top:0}main .cards .card .date,main .cards .card h2{color:#cd890c;font-weight:500;padding:1rem;position:absolute}main .cards .card .date{background-color:#000c;border-radius:1rem;font-size:.9rem;left:50%;top:50%;transform:translate(-50%,-50%)}main .cards .card .desc{background-color:#000000b3;border-radius:1rem;bottom:0;color:#fff;font-family:Almendra Display,sans-serif;font-size:1.5rem;height:57%;left:0;overflow:auto;padding:1rem;position:absolute;transform:translateY(100%);transition:transform .8s ease-in-out}main .cards .card .desc::-webkit-scrollbar{display:none}.navbar{align-items:center;background-color:#cf972f;display:flex;justify-content:space-between;padding:1rem;position:fixed;width:100%;z-index:1}.logo img{width:100px}.buttons{align-items:center;display:flex;justify-content:center}.buttons button{background-color:#0000;border:none;border-radius:10px;cursor:pointer;font-size:1.7rem;padding:.5rem;text-transform:uppercase}.buttons button:hover{background-color:#000;color:#cf972f;transition:all 1s ease}@media screen and (max-width:1024px){.logo img{width:200px}.buttons{flex-direction:column}.buttons button{text-align:left;width:200px}}@media screen and (max-width:500px){.navbar{flex-direction:column}.logo img{width:200px}.buttons{flex-direction:column}.buttons button{text-align:left;width:200px}}.header{text-align:center}.header h1{animation:title 1.5s infinite;cursor:pointer;display:inline-block;font-size:3rem;font-weight:100;letter-spacing:7px;margin-top:12rem;text-decoration:underline;text-shadow:4px 5px 10px #cd890c}.header h1:hover{color:#cd890c}@keyframes title{0%{position:.1}50%{opacity:.6}to{opacity:1}}@media screen and (max-width:1024px){.header h1{padding-top:7rem}}@media screen and (max-width:576px){.header h1{font-size:1.7rem!important;padding-top:2rem}}*{box-sizing:border-box;font-family:Rubik Distressed,sans-serif;margin:0;padding:0}body{background:#ba8b02;background:linear-gradient(90deg,#181818,#ba8b02);background-attachment:fixed}
/*# sourceMappingURL=main.56e0bea8.css.map*/