.list{margin:0 auto;width:960px}.list__title{font-size:30px;font-weight:200;margin-bottom:10px}.list__container{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.list__container-item{display:inline-flex;height:200px;align-items:flex-start;justify-content:flex-start;background-color:rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center center;background-size:150%;background-image:var(--hero-img);text-decoration:none;border:1px solid var(--palette-sec)}.list__container-item:hover .list__container-item-title,.list__container-item:focus .list__container-item-title{box-shadow:0 3px 3px rgba(0,0,0,.2)}.list__container-item-title{background:var(--palette-sec);color:var(--palette-on-sec);padding:5px 10px;font-family:var(--type-accent)}