html { scroll-behavior: smooth;} span{ animation: flash 1s linear infinite; margin:20px; font-weight: bold; } @keyframes flash { 0%,35%,60%,100%{ opacity: 1; } 25%{ opacity: 1; color:#7fff00; } 50%{ opacity: 1; color:#0091EA; } 75%{ opacity: 0.5; color:#ff1493; } } li{ list-style-image: url(a.jpg); } .mem{ display: flex; flex-wrap: wrap; justify-content: space-around; } .member{ border: solid 1px ; width:300px; margin: 10px; text-align: center; background-color: rgba(0, 26, 255, 0.397); } code{ background-color: rgb(26, 26, 26); color: greenyellow; } #mem1{ } #mem2{ } li:hover{ list-style-image: url(b.jpg); } li:active{ list-style-image: url(c.jpg); } .shumi{background-color: rgba(138, 179, 138, 0.397);} .zisaku {background-color: #9b8b8b; padding-top: 80px; padding-bottom: 80px; margin-top: 0; margin-bottom: ;} .zisaku h1{ border-bottom: groove medium rgba(236, 234, 234, 0.514); width: 75%; margin: auto; color: rgb(255, 255, 255); font-size: 2cm; font-family: 'Klee One', cursive; } .hon{ background-color: white; width: 800px; margin: auto; padding: 1em; } .hazi{ padding-top: 50px; padding-bottom: 50px; position: relative; display: block; width: 90%; margin: auto; } .hazi h1{ border-bottom: solid 2px red; } .hazi p{ margin-left: 0.5em; margin-right: 0.5em; font-size: 1.2em; } .mokuzi{ background-color: rgba(0, 255, 21, 0.445); padding-top: 20px; padding-bottom: 20px; position: relative; background-image: url(ice.jpg); padding-left: 50px; width: 90%; margin: auto; margin-top: 20px; } .div1{ margin-top: 50px; margin-bottom: 100px; } .div1 h2{ border-bottom: groove 10px rgba(160, 27, 4, 0.274); } .div1 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div2{ margin-top: 50px; margin-bottom: 100px; } .div2 h2{ border-bottom: groove 10px rgba(4, 160, 25, 0.274); } .div2 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div3{ margin-top: 50px; margin-bottom: 100px; } .div3 h2{ border-bottom: groove 10px rgba(4, 160, 147, 0.274); } .div3 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div4{ margin-top: 50px; margin-bottom: 100px; } .div4 h2{ border-bottom: groove 10px rgba(160, 4, 95, 0.623); } .div4 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } pre.code{ background-color: rgb(44, 44, 44); color: greenyellow; margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div5{ margin-top: 50px; margin-bottom: 50px; } .div5 h2{ border-bottom: groove 10px rgba(48, 160, 4, 0.623); } .div5 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div6{ margin-top: 50px; margin-bottom: 100px; } .div6 h2{ border-bottom: groove 10px rgba(160, 4, 4, 0.712); } .div6 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div7{ margin-top: 50px; margin-bottom: 100px; } .div7 h2{ border-bottom: groove 10px rgba(27, 4, 160, 0.712); } .div7 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; }