<style>:root{--radius:15px;--border:5px;}@font-face{font-family:'DeogonPrincessClassic';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/DeogonPrincessClassic.woff2') format('woff2');font-weight:normal;font-style:normal;}@font-face{font-family:'kdg_Medium';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/kdg_Medium.woff') format('woff');font-weight:normal;font-style:normal;}*{box-sizing:border-box;}html,body{height:100%;overflow:hidden;}::-webkit-scrollbar{display:none;}a, a:hover{text-decoration:none;}#mybox{height:500px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:hidden;background-image:url('https://image.freepik.com/free-vector/memphis-pattern-background_53876-89953.jpg');border:var(--border) solid rgba(76, 245, 138, 0.8);border-radius:var(--radius);}.wrapper{position:relative;width:800px;height:500px;padding-top:50px;display:flex;align-items:center;justify-content:center;}.backdrop{position:absolute;width:800px;height:800px;transform:rotate(45deg);background:#4cf58a;}.button-1{z-index:-1;position:absolute;width:45px;height:40px;border-radius:10px;background:#a9b8c0;top:60px;left:270px;box-shadow:2px 2px 2px 1px rgb(87, 81, 81);}.button-2{z-index:-1;position:absolute;width:45px;height:40px;border-radius:10px;background:#a9b8c0;top:60px;left:320px;box-shadow:2px 2px 2px 1px rgb(87, 81, 81);}.button-3{z-index:-1;position:absolute;width:45px;height:40px;border-radius:10px;background:#a9b8c0;top:60px;left:370px;box-shadow:2px 2px 2px 1px rgb(87, 81, 81);}.button-4{z-index:-1;position:absolute;width:45px;height:40px;border-radius:10px;background:#a9b8c0;top:75px;left:420px;box-shadow:2px 2px 2px 1px rgb(87, 81, 81);}.button-5{z-index:-1;position:absolute;width:45px;height:40px;border-radius:10px;background:#a9b8c0;top:60px;left:470px;box-shadow:2px 2px 2px 1px rgb(87, 81, 81);}.boombox-outer{z-index:1;position:absolute;width:720px;height:320px;background:#2d6a8d;border-radius:10px;animation:music2 0.5s infinite ease;}@keyframes music2{0%{transform:scale(1) }50%{transform:scale(1.01) }100%{transform:scale(1) }}.boombox{z-index:2;position:absolute;width:700px;height:300px;border-radius:10px;left:10px;top:10px;background:repeating-linear-gradient(180deg, #4cb8f5, #4cb8f5 5px, #48ace6 5px, #48ace6 10px);}.radio-console{z-index:2;width:300px;height:60px;position:absolute;background:#2d6a8d;top:20px;left:195px;border-radius:4px;border:solid 4px #a9b8c0;outline:5px solid #46a9e2;}.radio-console-inner{z-index:2;width:280px;height:40px;position:absolute;background:#a9b8c0;top:30px;left:205px;border-radius:50px;}.outer-speaker-left{z-index:2;position:absolute;width:160px;height:160px;border-radius:50%;border:solid 15px #f5d72f;background:#a7a7a7;top:120px;left:20px;animation:music 0.5s infinite ease;box-shadow:0 0 0 5px #d6bc2a;}.inner-speaker-left{z-index:3;position:absolute;width:140px;height:140px;border-radius:50%;background:repeating-linear-gradient(-45deg, rgb(95, 95, 95, 0.5), rgb(95, 95, 95, 0.5) 5px, transparent 5px, transparent 10px);top:130px;left:30px;}.inner-speaker-left-copy{z-index:3;position:absolute;width:140px;height:140px;border-radius:50%;background:repeating-linear-gradient(45deg, rgb(95, 95, 95, 0.5), rgb(95, 95, 95, 0.5) 5px, transparent 5px, transparent 10px);top:130px;left:30px;}.inner-inner-speaker-left{z-index:2;position:absolute;width:50px;height:50px;border-radius:50%;background:rgb(80, 93, 93, 0.5);top:175px;left:75px;}.outer-speaker-right{z-index:2;position:absolute;width:160px;height:160px;border-radius:50%;border:solid 15px #f5d72f;background:#a7a7a7;top:120px;right:20px;animation:music 0.5s infinite ease;box-shadow:0 0 0 5px #d6bc2a;}.inner-speaker-right{z-index:3;position:absolute;width:140px;height:140px;border-radius:50%;background:repeating-linear-gradient(-45deg, rgb(95, 95, 95, 0.5), rgb(95, 95, 95, 0.5) 5px, transparent 5px, transparent 10px);top:130px;right:30px;}.inner-speaker-right-copy{z-index:3;position:absolute;width:140px;height:140px;border-radius:50%;background:repeating-linear-gradient(45deg, rgb(95, 95, 95, 0.5), rgb(95, 95, 95, 0.5) 5px, transparent 5px, transparent 10px);top:130px;right:30px;}.inner-inner-speaker-right{z-index:2;position:absolute;width:50px;height:50px;border-radius:50%;background:rgb(80, 93, 93, 0.5);top:175px;right:75px;}.tape-deck{z-index:2;position:absolute;width:210px;height:120px;background:#2d6a8d;border:solid 4px #46a9e2;top:150px;left:245px;border-radius:10px;}.tape-console{z-index:2;position:absolute;width:250px;height:50px;background:#a9b8c0;border:solid 4px #46a9e2;top:90px;left:225px;border-radius:50px;}.tape-button-1{z-index:2;position:absolute;width:35px;height:35px;border-radius:50%;background:rgb(134, 134, 134);top:98px;left:240px;box-shadow:inset 4px 0px 0.7px 1px rgb(93, 93, 93);}.tape-button-2{z-index:2;position:absolute;width:35px;height:35px;border-radius:50%;background:rgb(134, 134, 134);top:98px;right:240px;box-shadow:inset 4px 0px 0.7px 1px rgb(93, 93, 93);}.tape-button-3{z-index:2;position:absolute;width:35px;height:35px;border-radius:50%;background:rgb(134, 134, 134);top:98px;left:330px;box-shadow:inset 4px 0px 0.7px 1px rgb(93, 93, 93);}.upper-speaker-left{position:absolute;width:80px;height:80px;border-radius:50%;border:solid 5px #f5d72f;background:rgb(187, 187, 187);top:15px;left:15px;animation:music 0.5s infinite ease;box-shadow:0 0 0 5px #d6bc2a;}@keyframes music{0%{transform:scale(1.1) }50%{transform:scale(1.15) }100%{transform:scale(1.1) }}.upper-speaker-left-inner{position:absolute;width:75px;height:75px;border-radius:50%;background:repeating-linear-gradient(45deg, rgb(95, 95, 95, 0.5), rgb(95, 95, 95, 0.5) 5px, transparent 5px, transparent 10px);top:18px;left:18px;}.upper-speaker-left-inner-copy{position:absolute;width:75px;height:75px;border-radius:50%;background:repeating-linear-gradient(-45deg, rgb(95, 95, 95, 0.5), rgb(95, 95, 95, 0.5) 5px, transparent 5px, transparent 10px);top:18px;left:18px;}.upper-speaker-right{position:absolute;width:80px;height:80px;border-radius:50%;border-radius:50%;border:solid 5px #f5d72f;background:rgb(187, 187, 187);top:15px;right:15px;animation:music 0.5s infinite ease;box-shadow:0 0 0 5px #d6bc2a;}.upper-speaker-right-inner{position:absolute;width:75px;height:75px;border-radius:50%;background:repeating-linear-gradient(-45deg, rgb(95, 95, 95, 0.5), rgb(95, 95, 95, 0.5) 5px, transparent 5px, transparent 10px);top:18px;right:18px;}.upper-speaker-right-inner-copy{position:absolute;width:75px;height:75px;border-radius:50%;background:repeating-linear-gradient(45deg, rgb(95, 95, 95, 0.5), rgb(95, 95, 95, 0.5) 5px, transparent 5px, transparent 10px);top:18px;right:18px;}.ariel-left{position:absolute;width:5px;height:110px;transform:rotate(-35deg);background:grey;top:20px;left:320px;}.ariel-right{position:absolute;width:5px;height:110px;transform:rotate(35deg);background:grey;top:20px;right:320px;}.ariel-left-top{position:absolute;width:5px;height:15px;transform:rotate(45deg);background:grey;top:25px;left:290px;}.ariel-right-top{position:absolute;width:5px;height:15px;transform:rotate(-45deg);background:grey;top:25px;right:290px;}.tape-reel-1{z-index:4;position:absolute;width:60px;height:60px;border-radius:50%;background:rgb(54, 54, 54);top:175px;left:290px;}.tape-reel-1-inner{z-index:4;position:absolute;width:40px;height:40px;border-radius:50%;border:solid 6px grey;top:185px;left:300px;animation-name:play;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear;}@keyframes play{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.spindle{position:absolute;width:8px;height:10px;background:grey;border-radius:50px;transform:rotate(45deg);top:15px;}.spindle::before{content:'';position:absolute;width:8px;height:10px;background:grey;border-radius:50px;transform:rotate(-45deg);top:-20px;left:-5px;}.spindle::after{content:'';position:absolute;width:8px;height:10px;background:grey;border-radius:50px;transform:rotate(45deg);top:-18px;left:14px;}.spindle-right{position:absolute;width:8px;height:10px;background:grey;border-radius:50px;top:15px;left:2px;transform:rotate(45deg);}.spindle-right::before{content:'';position:absolute;width:8px;height:10px;background:grey;border-radius:50px;top:-19px;left:px;}.spindle-right::after{content:'';position:absolute;width:8px;height:10px;background:grey;border-radius:50px;top:-10px;left:-13px;transform:rotate(90deg);}.tape-reel-2{z-index:4;position:absolute;width:50px;height:50px;border-radius:50%;background:rgb(54, 54, 54);top:175px;left:365px;}.tape-reel-2-inner{z-index:4;position:absolute;width:35px;height:35px;border-radius:50%;border:solid 6px grey;top:183px;left:372px;animation-name:play;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear;}.tape-window{z-index:5;position:absolute;width:160px;height:65px;background:transparent;border:solid 8px #32769e;;top:170px;left:275px;}.tape-window-copy{z-index:2;position:absolute;width:155px;height:60px;background:#a9b8c0;top:170px;left:275px;}.radio-frequency-1{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:30px;top:5px;border-radius:50px;}.radio-frequency-1::before{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:-10px;border-radius:50px;}.radio-frequency-1::after{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:10px;}.radio-frequency-2{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:60px;top:5px;border-radius:50px;}.radio-frequency-2::before{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:-10px;border-radius:50px;}.radio-frequency-2::after{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:10px;}.radio-frequency-3{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:90px;top:5px;border-radius:50px;}.radio-frequency-3::before{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:-10px;border-radius:50px;}.radio-frequency-3::after{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:10px;}.radio-frequency-4{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:120px;top:5px;border-radius:50px;}.radio-frequency-4::before{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:-10px;border-radius:50px;}.radio-frequency-4::after{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:10px;}.radio-frequency-5{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:150px;top:5px;border-radius:50px;}.radio-frequency-5::before{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:-10px;border-radius:50px;}.radio-frequency-5::after{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:10px;}.radio-frequency-6{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:180px;top:5px;border-radius:50px;}.radio-frequency-6::before{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:-10px;border-radius:50px;}.radio-frequency-6::after{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:10px;}.radio-frequency-7{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:210px;top:5px;border-radius:50px;}.radio-frequency-7::before{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:-10px;border-radius:50px;}.radio-frequency-7::after{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:10px;}.radio-frequency-8{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:240px;top:5px;border-radius:50px;}.radio-frequency-8::before{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:-10px;border-radius:50px;}.radio-frequency-8::after{content:'';z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:10px;}.radio-frequency-9{z-index:5;position:absolute;width:3px;height:30px;background:rgb(87, 81, 81);left:260px;top:5px;border-radius:50px;}.radio-frequency-10{z-index:5;position:absolute;width:3px;height:30px;background:red;left:210px;top:5px;border-radius:50px;}.musical-note{z-index:4;position:absolute;width:50px;left:100px;top:40px;transform:rotate(-35deg);opacity:0.8;animation:music3 2s 0.5s infinite ease;}.musical-note-2{z-index:4;position:absolute;width:50px;left:180px;top:40px;transform:rotate(15deg);opacity:0.8;animation:music3 0.5s infinite ease;}.musical-note-3{z-index:4;position:absolute;width:50px;right:100px;top:40px;transform:rotate(-35deg);opacity:0.8;animation:music3 2s 0.5s infinite ease;}.musical-note-4{z-index:4;position:absolute;width:50px;right:190px;top:40px;transform:rotate(15deg);opacity:0.8;animation:music3 0.5s infinite ease;}.musical-note-5{z-index:4;position:absolute;width:50px;right:380px;top:30px;opacity:0.8;animation:music3 2s 0.5s infinite ease;}@keyframes music3{0%{opacity:0}50%{opacity:0.5}100%{opacity:0.8}}iframe{position:absolute;top:320px;left:200px;}.mytext{position:relative;top:-50px;color:#FFF;text-align:center;text-transform:uppercase;font-size:2rem;font-family:'kdg_Medium';text-shadow:0 1px 1px rgba(0,0,0,0.6);}</style><div id="mybox"><a target="_blank" href="http://ply.xtx.kr/ezlink.php?id=dhrxodyd"><div id="boombox"> <div class="wrapper"><div class="musical-note"><img src="https://cdn-icons-png.flaticon.com/64/6965/6965126.png"></div><div class="musical-note-2"><img src="https://cdn-icons-png.flaticon.com/64/476/476799.png"></div><div class="musical-note-3"><img src="https://cdn-icons-png.flaticon.com/64/5662/5662059.png"></div><div class="musical-note-4"><img src="https://cdn-icons-png.flaticon.com/64/2591/2591374.png"></div><div class="musical-note-5"><img src="https://cdn-icons-png.flaticon.com/64/2995/2995101.png"></div><div class="backdrop"></div><div class="button-1"></div><div class="button-2"></div><div class="button-3"></div><div class="button-4"></div><div class="button-5"></div><div class="ariel-left"></div><div class="ariel-right"></div><div class="ariel-right-top"></div><div class="ariel-left-top"></div><div class="boombox-outer"><div class="boombox"><div class="radio-console"></div><div class="radio-console-inner"><div class="radio-frequency-1"></div><div class="radio-frequency-2"></div><div class="radio-frequency-3"></div><div class="radio-frequency-4"></div><div class="radio-frequency-5"></div><div class="radio-frequency-6"></div><div class="radio-frequency-7"></div><div class="radio-frequency-8"></div><div class="radio-frequency-9"></div><div class="radio-frequency-10"></div></div><div class="tape-deck"></div><div class="tape-console"></div><div class="tape-reel-1"></div><div class="tape-reel-1-inner"><div class="spindle"></div></div><div class="tape-reel-2"></div><div class="tape-reel-2-inner"><div class="spindle-right"></div></div><div class="tape-window-copy"></div><div class="tape-window"></div><div class="tape-button-1"></div><div class="tape-button-2"></div><div class="tape-button-3"></div><div class="upper-speaker-left"></div><div class="upper-speaker-left-inner"></div><div class="upper-speaker-left-inner-copy"></div><div class="upper-speaker-right"></div><div class="upper-speaker-right-inner"></div><div class="upper-speaker-right-inner-copy"></div><div class="outer-speaker-left"></div><div class="inner-speaker-left"></div><div class="inner-speaker-left-copy"></div><div class="inner-inner-speaker-left"></div><div class="outer-speaker-right"></div><div class="inner-speaker-right"></div><div class="inner-speaker-right-copy"></div><div class="inner-inner-speaker-right"></div></div> </div></div><div class="mytext">꿈이있어 행복한 사람들의 모임 방송듣기</div></a></div>
