@import url(https://fonts.googleapis.com/css2?family=Rubik+Distressed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Almendra+Display&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-image:linear-gradient(225deg,#000,#8c7f66 90%,#2b86c5);font-family:Rubik Distressed,cursive;height:100vh}p{color:#fff;font-family:Almendra Display,cursive}.header{margin:15rem 1rem 40px;padding:.55rem;text-align:center}.header .text-shadow{animation:headerTitle .5s ease-in-out infinite alternate;color:#171b22;font-size:3rem;letter-spacing:.2rem;text-decoration:underline;text-transform:uppercase;transition:all .5s ease-in-out}.header .text-shadow:hover{color:rgba(205,137,44,.796);cursor:pointer}@keyframes headerTitle{0%{opacity:.5;text-shadow:2px 2px 10px rgba(205,137,44,.796)}to{opacity:1;text-shadow:2px 2px 10px rgba(205,137,44,.796)}}@media screen and (min-width:1024px){.header{margin-top:10rem}}.card-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly}.card-container .cards{height:350px;overflow:hidden;position:relative;width:500px}.card-container .cards:hover .card-over{transform:translateY(0)}.card-container .cards:hover img{opacity:1}.card-container .title{border-radius:10px 20px 20px 20px;left:0;top:0}.card-container .date,.card-container .title{background-color:#000c;color:rgba(205,137,44,.796);padding:1rem;position:absolute;z-index:2}.card-container .date{border-radius:10px;font-size:.5rem;left:50%;top:50%;transform:translate(-50%,-50%)}.card-container img{border-radius:10px;height:350px;object-fit:cover;opacity:.5;width:500px}.card-container .card-over{background-color:#000c;bottom:0;font-size:1.5rem;left:0;max-height:65%;overflow:auto;padding:1rem;position:absolute;transform:translateY(100%);transition:transform .7s;width:500px;z-index:3}.card-container .card-over::-webkit-scrollbar{display:none}.navbar{align-items:center;background-color:rgba(205,137,44,.796);display:flex;justify-content:space-between;padding:0 1rem;position:fixed;top:0;width:100%;z-index:3}.navbar .links{display:flex;font-size:1.5rem;gap:3%;justify-content:flex-end}.navbar a{border-radius:5px;color:#171b22;padding:.5rem;text-decoration:none;text-transform:uppercase;transition:all .5s}.navbar a:hover{background-color:#171b22;color:rgba(205,137,44,.796)}.navbar img{height:110px;width:110px}@media screen and (min-width:0px){.links{flex-direction:column}}@media screen and (min-width:1024px){.links{flex-direction:row}}
/*# sourceMappingURL=main.f3e3a5dc.css.map*/