.service-box{display:block;background-color:transparent;border-radius:.75rem;padding:1.25rem;border:2px solid}.portfolio-box{display:block;background-color:transparent;border-radius:.75rem;padding:1.25rem;border:2px solid white}.contact-box{width:220px;height:220px;background-color:#f40585;border-radius:.75rem;margin:.5rem;box-shadow:20px 20px 10px #0006;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.contact-box:hover{background-color:#7202f1;box-shadow:10px 10px 5px #0006}.showcase-list{display:flex;width:100%;height:300px;max-width:100%;place-items:center;margin:0;padding:0;position:relative;flex-direction:row;will-change:transform;transform:translate(0);list-style-type:none;gap:20px}.showcase-list li{width:364px;height:280px;flex-shrink:0;position:relative;box-sizing:border-box;background-image:radial-gradient(circle at 1px 1px,red 1px,transparent 0);background-size:10px 11px}.showcase-list li div.info{visibility:hidden}.showcase-list li:hover div.info{visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.showcase-list li figure{width:calc(100% - 2rem);height:calc(100% - 2rem);border-radius:.75rem;margin:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.running-list-container{width:100%;overflow:hidden;position:relative}.running-list-container:before,.running-list-container:after{content:"";position:absolute;top:0;bottom:0;width:100px;pointer-events:none;z-index:1}.running-list-container:before{left:0;background:linear-gradient(to right,rgba(0,0,0,1),transparent)}.running-list-container:after{right:0;background:linear-gradient(to left,rgba(0,0,0,1),transparent)}