.container{text-align:center}h1{margin-top:60px}table{width:100%;border-radius:40px;border:solid 1px rgba(123,140,215,.5);padding:20px;background-color:rgba(238,244,255,.3)}tbody tr,tbody h3{text-align:start;transition:all .2s ease}tbody tr:hover td,tbody h3:hover td{text-shadow:1px 1px 2px gray}tr{position:relative}tr::before{content:"";position:absolute;height:1px;width:calc(100% + 40px);bottom:0;left:0;background:linear-gradient(to right, transparent, rgba(123, 140, 215, 0.5), transparent)}tr:last-of-type::before{height:0}th,td{padding:8px 16px}@media(max-width: 600px){th:nth-child(n+3),td:nth-child(n+3){display:none}}@media(max-width: 400px){th:nth-child(n+2),td:nth-child(n+2){display:none}}