*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#3e6623}header{display:flex;justify-content:space-between;background-image:linear-gradient(#000,#3e6623);padding:1rem;color:#b8860b;font-family:Acme}.header--left{display:flex;flex-direction:column;gap:2rem}.header--left h1{font-size:50px}.header--right{display:flex;flex-direction:column}.card--container{display:flex;justify-content:space-between;flex-wrap:wrap;margin:1rem}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#8ab661;width:23%;border-radius:15px;font-family:Galada;margin-bottom:1rem;cursor:pointer}.card:hover{box-shadow:8px 8px 30px #b8860bb3,-8px -8px 30px #b8860bb3}.card img{width:95%;margin:.5rem 0 0;border-radius:15px}.card span{padding:1rem 0;font-family:Galada;font-size:23px;color:#fff;font-weight:700}