@font-face{font-family:Bebas Neue;font-weight:400;font-style:normal}#app{font-family:Bebas Neue,Avenir,Helvetica,Arial,sans-serif;letter-spacing:.35em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.image-card .image-container{position:relative;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 20px -4px #0009;aspect-ratio:4/5;overflow:hidden}.image-card img{width:100%;height:100%;object-fit:cover}.label{--vertical-position: 88%;position:absolute;top:var(--vertical-position);left:0;width:100%;padding:10px;font-size:2.5rem;font-weight:700;text-align:center;color:#fff;background:linear-gradient(to bottom,#0000,#0000 20%,#0009 45%,#0009 55%,#0000 80%,#0000);height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}a{text-decoration:none}.navigation{margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:35px}.menu-bar{background-color:#f8f8f8;border-bottom:1px solid #ddd;padding-bottom:10px;text-align:center}.menu-bar ul{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-start;align-items:center}.menu-bar ul li{margin:0 15px}.menu-bar ul li a{text-decoration:none;color:#333;font-weight:700}.menu-bar ul li a:hover{color:#007bff}.home{max-width:1200px;margin:0 auto;padding:40px}.home h1{font-size:3.5rem;margin-left:40px;font-weight:700;margin-bottom:70px;text-align:center}