body{ background: rgba(206, 255, 174, 0.849); } h1.kadai1{ text-shadow: rgba(134, 134, 247, 0.658) 10px 4px 6px; border: 3px solid rgba(255, 124, 124, 0.589); border-radius: 2rem; background-color: rgba(0, 255, 255, 0.356); box-shadow: purple 5px 6px 9px 10px; } h1.kadai2{ position: relative; z-index: 1; width: 400px; height: 200px; background-image: url(sakatako_1.jpg) ; padding: 100px; color: rgb(160, 154, 247); } h1.kadai2::after{ content: ""; position: absolute; z-index: 2; width: 100%; height:100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.253); opacity: 0.3; } .kadai3{ margin: 1em auto; padding: 0 2em; width: 4em; background: #44bbbb30; transform: rotate(-333333deg); } .kadai4{ margin: 1em auto; padding: 0 2em; width: 4em; background: #44bbbb30; transform: rotate(0deg); transition: 2s; } .kadai4:hover{ margin: 1em auto; padding: 0 2em; background: #44bbbb30; transform: rotate(3303deg); transition: 2s; }