User:AobaraKanosa/global.css

@charset "utf-8"; .selecta{ text-decoration: none; color: white; }

.selecta:hover{ color:aliceblue; }

.list-item{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 250px; overflow: hidden; }

.list-item:hover .item-image::before{ background-color: rgba(0,0,0,0.2); }

.item-image{ position: absolute; width: 100%; height: 100%; z-index: -1; /* transform: translateZ(-50px) scale(2.4); */ }

.item-image::before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); transition: all 0.3s ease; }

.item-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.item-text{ color: #ffffff; text-align: center; }

.text-title{ font-size:2rem; font-weight: bolder; margin-bottom: 20px; }

.text-desc{ font-size:1.2rem; }