SBDB_뉴유 SBDB_뉴유

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins"; } body { background: #7fb181; } .typing__wrap { display: flex; align-items: center; justify-content: center; height: 100vh; } .typing__inner { width: 60vw; min-height: 40vh; background: #fff; border-radius: 20px; padding..

const musicWrap = document.querySelector(".wrap__music"); const musicImg = musicWrap.querySelector(".music__img img"); const musicSong = musicWrap.querySelector(".music__song"); const musicName = musicSong.querySelector(".name"); const musicArtist = musicSong.querySelector(".artist"); const musicProgress = musicWrap.querySelector(".music__progress"); const musicProgressBar = musicProgress.queryS..

* { margin: 0; padding: 0; box-sizing: border-box; } ul { list-style: none; } img { width: 100%; vertical-align: top; } body { background: #c9ad97; } .wrap__card { display: flex; align-items: center; justify-content: center; height: 100vh; } .card__inner { width: 700px; height: 700px; background-color: #fff; border-radius: 20px; padding: 30px; } .cards { display: flex; flex-wrap: wrap; justify-c..

const changeColor = document.querySelectorAll("#change01 .color a") changeColor.forEach(span => { span.addEventListener("click", () => { const colorName = span.dataset.color; document.querySelector("#change01 .text").style.color = colorName; }) }); .aa { display: flex; align-items: center; justify-content: center; } #change01 { text-align: center; } #change01 h3 { font-size: 25px; } #change01 .t..

puzzle Lv1 리셋 puzzle Lv2 리셋 puzzle Lv1 리셋 puzzle Lv2 리셋