@import url(https://fonts.googleapis.com/css2?family=Concert+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital@1&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9efd4;font-family:Concert One,cursive;margin-inline:auto;max-width:87.5rem;min-height:100%;padding-inline:1.25rem}p{font-family:Noto Sans,sans-serif}.navbar{align-items:center;background-color:#b7672ae6;display:flex;justify-content:space-between;padding-inline:1.25rem}.navbar i{color:#f9efd4;display:none;font-size:1.5rem}.navbar ul{align-items:center;color:#f9efd4;display:flex;gap:.75rem;list-style:none}.navbar ul li{cursor:pointer;padding:.5rem}.navbar ul li:hover{background-color:#f9efd4;border-radius:5px;color:#b7672ae6}@media(max-width:42.5rem){.navbar i{display:block}.navbar li{display:none}}.header{color:#b7672ae6;margin-block:2rem;text-align:center}.header h1{animation:yanipSon 8s infinite;font-size:2.5rem}@keyframes yanipSon{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.main-container{background-color:rgba(2,61,36,.218);border-radius:.5rem;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin-block-end:3rem;margin-inline:auto;padding:3.5rem 2.5rem}.main-container .card-container{border-radius:.5rem;box-shadow:1px 3px 22px 5px #00000096;cursor:pointer;overflow:hidden;position:relative;width:20rem}.main-container .card-container:hover .desc{opacity:1;transform:translateY(0)}.main-container .card-container img{height:100%;width:100%}.main-container .card-container .text{height:100%;position:absolute;top:0;width:100%}.main-container .card-container .text h3{border-radius:1rem;margin:.5rem;padding:.75rem;top:8px}.main-container .card-container .text h3,.main-container .card-container .text h5{background-color:rgba(0,0,0,.821);color:#b7672ae6;display:inline;position:absolute}.main-container .card-container .text h5{border-radius:.5rem;font-size:.75rem;left:50%;padding:.5rem;text-align:center;top:50%;transform:translate(-50%,-50%)}.main-container .card-container .text p{background-color:rgba(0,0,0,.821);bottom:0;color:#fff;font-size:13px;margin-top:0;opacity:0;padding:.5rem;position:absolute;transform:translateY(100%);transition:transform 1s ease}
/*# sourceMappingURL=main.1d4e9531.css.map*/