From 37cb3910a2a58fbb2ec945d506f9314244a1d0dc Mon Sep 17 00:00:00 2001
From: Xvezda <xvezda@naver.com>
Date: Sat, 19 Oct 2024 12:08:04 +0900
Subject: [PATCH] Updates

---
 index.3799b09c.css     | 2 ++
 index.3799b09c.css.map | 1 +
 index.71a8ffc4.css     | 2 --
 index.71a8ffc4.css.map | 1 -
 index.html             | 2 +-
 5 files changed, 4 insertions(+), 4 deletions(-)
 create mode 100644 index.3799b09c.css
 create mode 100644 index.3799b09c.css.map
 delete mode 100644 index.71a8ffc4.css
 delete mode 100644 index.71a8ffc4.css.map

diff --git a/index.3799b09c.css b/index.3799b09c.css
new file mode 100644
index 0000000..8518e81
--- /dev/null
+++ b/index.3799b09c.css
@@ -0,0 +1,2 @@
+*{-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0}body{background-color:#fedd6a}#audio{background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:10px;right:10px}#audio.muted .unmute,#audio.unmuted .mute{display:none}#container{transform-origin:0 0;width:1511px;height:1100px;margin-top:-550px;margin-left:-755px;position:absolute;top:50%;left:50%;overflow:hidden;transform:scale(1)}@media (width<=1111px){#container{margin-top:-412.5px;margin-left:-566.25px;transform:scale(.75)}}@media (width<=833px){#container{margin-top:-275px;margin-left:-377.5px;transform:scale(.5)}}@media (width<=555px){#container{margin-top:-137.5px;margin-left:-188.75px;transform:scale(.25)}}@keyframes bounce-character{0%{transform:translateY(50px)}to{transform:translateY(0)}}#character{animation:.14706s infinite alternate bounce-character;position:relative}[id^=teto-]{position:absolute}@keyframes bounce-body{0%{transform:translateY(-20px)}to{transform:translateY(0)}}#teto-body{animation:.14706s infinite alternate bounce-body;position:absolute;top:0;left:200px}#teto-hat,#teto-face-1,#teto-face-2,#teto-face-3,#teto-face-4{position:absolute;top:0;left:200px}#teto-face-1,#teto-face-2,#teto-face-3,#teto-face-4{opacity:0}@keyframes bounce-twintail-right{0%{transform:rotate(5deg)}to{transform:rotate(-20deg)}}#twintail-right{transform-origin:300px 90px;animation:.14706s infinite alternate bounce-twintail-right;position:absolute;top:215px;left:200px}@keyframes bounce-twintail-left{0%{transform:rotate(-5deg)}to{transform:rotate(20deg)}}#twintail-left{transform-origin:0 100px;animation:.14706s infinite alternate bounce-twintail-left;position:absolute;top:130px;left:915px}@keyframes left-hand-shake{0%{transform:translateY(10px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}#gyu-left-hand{opacity:0;transform-origin:1400px 1450px;animation:.14706s infinite alternate left-hand-shake;position:absolute;top:-75px;left:-220px}@keyframes right-hand-shake{0%{transform:translateY(10px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}#gyu-right-hand{opacity:0;transform-origin:650px 1450px;animation:.14706s infinite alternate right-hand-shake;position:absolute;top:-65px;left:-280px}#tsun-left-hand{opacity:0;transform-origin:1625px 1300px;animation:.14706s infinite alternate left-hand-shake;position:absolute;top:-75px;left:-245px}#tsun-right-hand{opacity:0;transform-origin:375px 1300px;animation:.14706s infinite alternate right-hand-shake;position:absolute;top:-85px;left:-230px}body.scene-1 #teto-face-1,body.scene-1 #gyu-left-hand,body.scene-2 #teto-face-2,body.scene-2 #tsun-right-hand,body.scene-2 #tsun-left-hand,body.scene-3 #teto-face-3,body.scene-3 #gyu-right-hand,body.scene-3 #gyu-left-hand,body.scene-4 #teto-face-4,body.scene-4 #gyu-left-hand,body.scene-5 #teto-face-2,body.scene-6 #teto-face-3{opacity:1}
+/*# sourceMappingURL=index.3799b09c.css.map */
diff --git a/index.3799b09c.css.map b/index.3799b09c.css.map
new file mode 100644
index 0000000..95620fb
--- /dev/null
+++ b/index.3799b09c.css.map
@@ -0,0 +1 @@
+{"mappings":"ACAA,4CAIA,6BAKA,8BAIA,sJAaA,uDAQA,sKAcA,uBACE,2EAOF,sBACE,uEAOF,sBACE,2EAOF,sFAUA,mFAMA,8BAIA,kFAUA,+FAQA,iGAUA,8DAOA,wFAUA,8IASA,uFAUA,yIASA,2GAUA,qJAUA,2GAUA,sJAUA,sJAUA,uJAUA","sources":["index.3799b09c.css","src/styles.css"],"sourcesContent":["* {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  background-color: #fedd6a;\n}\n\n#audio {\n  background: none;\n  border: none;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n#audio.muted .unmute, #audio.unmuted .mute {\n  display: none;\n}\n\n#container {\n  transform-origin: 0 0;\n  width: 1511px;\n  height: 1100px;\n  margin-top: -550px;\n  margin-left: -755px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  overflow: hidden;\n  transform: scale(1);\n}\n\n@media (width <= 1111px) {\n  #container {\n    margin-top: -412.5px;\n    margin-left: -566.25px;\n    transform: scale(.75);\n  }\n}\n\n@media (width <= 833px) {\n  #container {\n    margin-top: -275px;\n    margin-left: -377.5px;\n    transform: scale(.5);\n  }\n}\n\n@media (width <= 555px) {\n  #container {\n    margin-top: -137.5px;\n    margin-left: -188.75px;\n    transform: scale(.25);\n  }\n}\n\n@keyframes bounce-character {\n  0% {\n    transform: translateY(50px);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n\n#character {\n  animation: .14706s infinite alternate bounce-character;\n  position: relative;\n}\n\n[id^=\"teto-\"] {\n  position: absolute;\n}\n\n@keyframes bounce-body {\n  0% {\n    transform: translateY(-20px);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n\n#teto-body {\n  animation: .14706s infinite alternate bounce-body;\n  position: absolute;\n  top: 0;\n  left: 200px;\n}\n\n#teto-hat, #teto-face-1, #teto-face-2, #teto-face-3, #teto-face-4 {\n  position: absolute;\n  top: 0;\n  left: 200px;\n}\n\n#teto-face-1, #teto-face-2, #teto-face-3, #teto-face-4 {\n  opacity: 0;\n}\n\n@keyframes bounce-twintail-right {\n  0% {\n    transform: rotate(5deg);\n  }\n\n  100% {\n    transform: rotate(-20deg);\n  }\n}\n\n#twintail-right {\n  transform-origin: 300px 90px;\n  animation: .14706s infinite alternate bounce-twintail-right;\n  position: absolute;\n  top: 215px;\n  left: 200px;\n}\n\n@keyframes bounce-twintail-left {\n  0% {\n    transform: rotate(-5deg);\n  }\n\n  100% {\n    transform: rotate(20deg);\n  }\n}\n\n#twintail-left {\n  transform-origin: 0 100px;\n  animation: .14706s infinite alternate bounce-twintail-left;\n  position: absolute;\n  top: 130px;\n  left: 915px;\n}\n\n@keyframes left-hand-shake {\n  0% {\n    transform: translateY(10px)rotate(-3deg);\n  }\n\n  100% {\n    transform: translateY(0)rotate(0);\n  }\n}\n\n#gyu-left-hand {\n  opacity: 0;\n  transform-origin: 1400px 1450px;\n  animation: .14706s infinite alternate left-hand-shake;\n  position: absolute;\n  top: -75px;\n  left: -220px;\n}\n\n@keyframes right-hand-shake {\n  0% {\n    transform: translateY(10px)rotate(3deg);\n  }\n\n  100% {\n    transform: translateY(0)rotate(0);\n  }\n}\n\n#gyu-right-hand {\n  opacity: 0;\n  transform-origin: 650px 1450px;\n  animation: .14706s infinite alternate right-hand-shake;\n  position: absolute;\n  top: -65px;\n  left: -280px;\n}\n\n#tsun-left-hand {\n  opacity: 0;\n  transform-origin: 1625px 1300px;\n  animation: .14706s infinite alternate left-hand-shake;\n  position: absolute;\n  top: -75px;\n  left: -245px;\n}\n\n#tsun-right-hand {\n  opacity: 0;\n  transform-origin: 375px 1300px;\n  animation: .14706s infinite alternate right-hand-shake;\n  position: absolute;\n  top: -85px;\n  left: -230px;\n}\n\nbody.scene-1 #teto-face-1, body.scene-1 #gyu-left-hand, body.scene-2 #teto-face-2, body.scene-2 #tsun-right-hand, body.scene-2 #tsun-left-hand, body.scene-3 #teto-face-3, body.scene-3 #gyu-right-hand, body.scene-3 #gyu-left-hand, body.scene-4 #teto-face-4, body.scene-4 #gyu-left-hand, body.scene-5 #teto-face-2, body.scene-6 #teto-face-3 {\n  opacity: 1;\n}\n/*# sourceMappingURL=index.3799b09c.css.map */\n","* {\n  user-select: none;\n}\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  background-color: #fedd6a;\n}\n\n#audio {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 24px;\n  height: 24px;\n  background: transparent;\n  border: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#audio.muted .unmute {\n  display: none;\n}\n\n#audio.unmuted .mute {\n  display: none;\n}\n\n#container {\n  width: 1511px;\n  height: 1100px;\n  overflow: hidden;\n  transform-origin: top left;\n  transform: scale(1);\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -550px;\n  margin-left: -755px;\n}\n\n@media (max-width: 1111px) {\n  #container {\n    transform: scale(0.75);\n    margin-top: -412.5px;\n    margin-left: -566.25px;\n  }\n}\n\n@media (max-width: 833px) {\n  #container {\n    transform: scale(0.5);\n    margin-top: -275px;\n    margin-left: -377.5px;\n  }\n}\n\n@media (max-width: 555px) {\n  #container {\n    transform: scale(0.25);\n    margin-top: -137.5px;\n    margin-left: -188.75px;\n  }\n}\n\n@keyframes bounce-character {\n  0% {\n    transform: translateY(50px);\n  }\n\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n#character {\n  position: relative;\n  animation: bounce-character 147.06ms infinite;\n  animation-direction: alternate;\n}\n\n[id^=\"teto-\"] {\n  position: absolute;\n}\n\n@keyframes bounce-body {\n  0% {\n    transform: translateY(-20px);\n  }\n\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n#teto-body {\n  position: absolute;\n  top: 0;\n  left: 200px;\n  animation: bounce-body 147.06ms infinite;\n  animation-direction: alternate;\n}\n\n#teto-hat,\n#teto-face-1,\n#teto-face-2,\n#teto-face-3,\n#teto-face-4 {\n  position: absolute;\n  top: 0;\n  left: 200px;\n}\n\n#teto-face-1,\n#teto-face-2,\n#teto-face-3,\n#teto-face-4 {\n  opacity: 0;\n}\n\n@keyframes bounce-twintail-right {\n  0% {\n    transform: rotate(5deg);\n  }\n\n  100% {\n    transform: rotate(-20deg);\n  }\n}\n\n#twintail-right {\n  position: absolute;\n  top: 215px;\n  left: 200px;\n  transform-origin: 300px 90px;\n  animation: bounce-twintail-right 147.06ms infinite;\n  animation-direction: alternate;\n}\n\n@keyframes bounce-twintail-left {\n  0% {\n    transform: rotate(-5deg);\n  }\n\n  100% {\n    transform: rotate(20deg);\n  }\n}\n\n#twintail-left {\n  position: absolute;\n  top: 130px;\n  left: 915px;\n  transform-origin: 0px 100px;\n  animation: bounce-twintail-left 147.06ms infinite;\n  animation-direction: alternate;\n}\n\n@keyframes left-hand-shake {\n  0% {\n    transform: translateY(10px) rotate(-3deg);\n  }\n\n  100% {\n    transform: translateY(0px) rotate(0deg);\n  }\n}\n\n#gyu-left-hand {\n  opacity: 0;\n  position: absolute;\n  top: -75px;\n  left: -220px;\n  transform-origin: 1400px 1450px;\n  animation: left-hand-shake 147.06ms infinite;\n  animation-direction: alternate;\n}\n\n@keyframes right-hand-shake {\n  0% {\n    transform: translateY(10px) rotate(3deg);\n  }\n\n  100% {\n    transform: translateY(0px) rotate(0deg);\n  }\n}\n\n#gyu-right-hand {\n  opacity: 0;\n  position: absolute;\n  top: -65px;\n  left: -280px;\n  transform-origin: 650px 1450px;\n  animation: right-hand-shake 147.06ms infinite;\n  animation-direction: alternate;\n}\n\n#tsun-left-hand {\n  opacity: 0;\n  position: absolute;\n  top: -75px;\n  left: -245px;\n  transform-origin: 1625px 1300px;\n  animation: left-hand-shake 147.06ms infinite;\n  animation-direction: alternate;\n}\n\n#tsun-right-hand {\n  opacity: 0;\n  position: absolute;\n  top: -85px;\n  left: -230px;\n  transform-origin: 375px 1300px;\n  animation: right-hand-shake 147.06ms infinite;\n  animation-direction: alternate;\n}\n\nbody.scene-1 #teto-face-1,\nbody.scene-1 #gyu-left-hand {\n  opacity: 1;\n}\n\nbody.scene-2 #teto-face-2,\nbody.scene-2 #tsun-right-hand,\nbody.scene-2 #tsun-left-hand {\n  opacity: 1;\n}\n\nbody.scene-3 #teto-face-3,\nbody.scene-3 #gyu-right-hand,\nbody.scene-3 #gyu-left-hand {\n  opacity: 1;\n}\n\nbody.scene-4 #teto-face-4,\nbody.scene-4 #gyu-left-hand {\n  opacity: 1;\n}\n\nbody.scene-5 #teto-face-2 {\n  opacity: 1;\n}\n\nbody.scene-6 #teto-face-3 {\n  opacity: 1;\n}\n"],"names":[],"version":3,"file":"index.3799b09c.css.map"}
\ No newline at end of file
diff --git a/index.71a8ffc4.css b/index.71a8ffc4.css
deleted file mode 100644
index 478ec02..0000000
--- a/index.71a8ffc4.css
+++ /dev/null
@@ -1,2 +0,0 @@
-*{-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0}body{background-color:#fedd6a}#audio{background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:10px;right:10px}#audio.muted .unmute,#audio.unmuted .mute{display:none}#container{transform-origin:0 0;width:1511px;height:1100px;margin-top:-550px;margin-left:-755px;position:absolute;top:50%;left:50%;overflow:hidden;transform:scale(1)}@media (width<=1111px){#container{margin-top:-412.5px;margin-left:-566.25px;transform:scale(.75)}}@media (width<=833px){#container{margin-top:-275px;margin-left:-377.5px;transform:scale(.5)}}@media (width<=555px){#container{margin-top:-137.5px;margin-left:-188.75px;transform:scale(.25)}}@keyframes bounce-character{0%{transform:translateY(50px)}to{transform:translateY(0)}}#character{animation:.15s infinite alternate bounce-character;position:relative}[id^=teto-]{position:absolute}@keyframes bounce-body{0%{transform:translateY(-20px)}to{transform:translateY(0)}}#teto-body{animation:.15s infinite alternate bounce-body;position:absolute;top:0;left:200px}#teto-hat,#teto-face-1,#teto-face-2,#teto-face-3,#teto-face-4{position:absolute;top:0;left:200px}#teto-face-1,#teto-face-2,#teto-face-3,#teto-face-4{opacity:0}@keyframes bounce-twintail-right{0%{transform:rotate(5deg)}to{transform:rotate(-20deg)}}#twintail-right{transform-origin:300px 90px;animation:.15s infinite alternate bounce-twintail-right;position:absolute;top:215px;left:200px}@keyframes bounce-twintail-left{0%{transform:rotate(-5deg)}to{transform:rotate(20deg)}}#twintail-left{transform-origin:0 100px;animation:.15s infinite alternate bounce-twintail-left;position:absolute;top:130px;left:915px}@keyframes left-hand-shake{0%{transform:translateY(10px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}#gyu-left-hand{opacity:0;transform-origin:1400px 1450px;animation:.15s infinite alternate left-hand-shake;position:absolute;top:-75px;left:-220px}@keyframes right-hand-shake{0%{transform:translateY(10px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}#gyu-right-hand{opacity:0;transform-origin:650px 1450px;animation:.15s infinite alternate right-hand-shake;position:absolute;top:-65px;left:-280px}#tsun-left-hand{opacity:0;transform-origin:1625px 1300px;animation:.15s infinite alternate left-hand-shake;position:absolute;top:-75px;left:-245px}#tsun-right-hand{opacity:0;transform-origin:375px 1300px;animation:.15s infinite alternate right-hand-shake;position:absolute;top:-85px;left:-230px}body.scene-1 #teto-face-1,body.scene-1 #gyu-left-hand,body.scene-2 #teto-face-2,body.scene-2 #tsun-right-hand,body.scene-2 #tsun-left-hand,body.scene-3 #teto-face-3,body.scene-3 #gyu-right-hand,body.scene-3 #gyu-left-hand,body.scene-4 #teto-face-4,body.scene-4 #gyu-left-hand,body.scene-5 #teto-face-2,body.scene-6 #teto-face-3{opacity:1}
-/*# sourceMappingURL=index.71a8ffc4.css.map */
diff --git a/index.71a8ffc4.css.map b/index.71a8ffc4.css.map
deleted file mode 100644
index f359be2..0000000
--- a/index.71a8ffc4.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"mappings":"ACAA,4CAIA,6BAKA,8BAIA,sJAaA,uDAQA,sKAcA,uBACE,2EAOF,sBACE,uEAOF,sBACE,2EAOF,sFAUA,gFAMA,8BAIA,kFAUA,4FAQA,iGAUA,8DAOA,wFAUA,2IASA,uFAUA,sIASA,2GAUA,kJAUA,2GAUA,mJAUA,mJAUA,oJAUA","sources":["index.71a8ffc4.css","src/styles.css"],"sourcesContent":["* {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  background-color: #fedd6a;\n}\n\n#audio {\n  background: none;\n  border: none;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n#audio.muted .unmute, #audio.unmuted .mute {\n  display: none;\n}\n\n#container {\n  transform-origin: 0 0;\n  width: 1511px;\n  height: 1100px;\n  margin-top: -550px;\n  margin-left: -755px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  overflow: hidden;\n  transform: scale(1);\n}\n\n@media (width <= 1111px) {\n  #container {\n    margin-top: -412.5px;\n    margin-left: -566.25px;\n    transform: scale(.75);\n  }\n}\n\n@media (width <= 833px) {\n  #container {\n    margin-top: -275px;\n    margin-left: -377.5px;\n    transform: scale(.5);\n  }\n}\n\n@media (width <= 555px) {\n  #container {\n    margin-top: -137.5px;\n    margin-left: -188.75px;\n    transform: scale(.25);\n  }\n}\n\n@keyframes bounce-character {\n  0% {\n    transform: translateY(50px);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n\n#character {\n  animation: .15s infinite alternate bounce-character;\n  position: relative;\n}\n\n[id^=\"teto-\"] {\n  position: absolute;\n}\n\n@keyframes bounce-body {\n  0% {\n    transform: translateY(-20px);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n\n#teto-body {\n  animation: .15s infinite alternate bounce-body;\n  position: absolute;\n  top: 0;\n  left: 200px;\n}\n\n#teto-hat, #teto-face-1, #teto-face-2, #teto-face-3, #teto-face-4 {\n  position: absolute;\n  top: 0;\n  left: 200px;\n}\n\n#teto-face-1, #teto-face-2, #teto-face-3, #teto-face-4 {\n  opacity: 0;\n}\n\n@keyframes bounce-twintail-right {\n  0% {\n    transform: rotate(5deg);\n  }\n\n  100% {\n    transform: rotate(-20deg);\n  }\n}\n\n#twintail-right {\n  transform-origin: 300px 90px;\n  animation: .15s infinite alternate bounce-twintail-right;\n  position: absolute;\n  top: 215px;\n  left: 200px;\n}\n\n@keyframes bounce-twintail-left {\n  0% {\n    transform: rotate(-5deg);\n  }\n\n  100% {\n    transform: rotate(20deg);\n  }\n}\n\n#twintail-left {\n  transform-origin: 0 100px;\n  animation: .15s infinite alternate bounce-twintail-left;\n  position: absolute;\n  top: 130px;\n  left: 915px;\n}\n\n@keyframes left-hand-shake {\n  0% {\n    transform: translateY(10px)rotate(-3deg);\n  }\n\n  100% {\n    transform: translateY(0)rotate(0);\n  }\n}\n\n#gyu-left-hand {\n  opacity: 0;\n  transform-origin: 1400px 1450px;\n  animation: .15s infinite alternate left-hand-shake;\n  position: absolute;\n  top: -75px;\n  left: -220px;\n}\n\n@keyframes right-hand-shake {\n  0% {\n    transform: translateY(10px)rotate(3deg);\n  }\n\n  100% {\n    transform: translateY(0)rotate(0);\n  }\n}\n\n#gyu-right-hand {\n  opacity: 0;\n  transform-origin: 650px 1450px;\n  animation: .15s infinite alternate right-hand-shake;\n  position: absolute;\n  top: -65px;\n  left: -280px;\n}\n\n#tsun-left-hand {\n  opacity: 0;\n  transform-origin: 1625px 1300px;\n  animation: .15s infinite alternate left-hand-shake;\n  position: absolute;\n  top: -75px;\n  left: -245px;\n}\n\n#tsun-right-hand {\n  opacity: 0;\n  transform-origin: 375px 1300px;\n  animation: .15s infinite alternate right-hand-shake;\n  position: absolute;\n  top: -85px;\n  left: -230px;\n}\n\nbody.scene-1 #teto-face-1, body.scene-1 #gyu-left-hand, body.scene-2 #teto-face-2, body.scene-2 #tsun-right-hand, body.scene-2 #tsun-left-hand, body.scene-3 #teto-face-3, body.scene-3 #gyu-right-hand, body.scene-3 #gyu-left-hand, body.scene-4 #teto-face-4, body.scene-4 #gyu-left-hand, body.scene-5 #teto-face-2, body.scene-6 #teto-face-3 {\n  opacity: 1;\n}\n/*# sourceMappingURL=index.71a8ffc4.css.map */\n","* {\n  user-select: none;\n}\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  background-color: #fedd6a;\n}\n\n#audio {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 24px;\n  height: 24px;\n  background: transparent;\n  border: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#audio.muted .unmute {\n  display: none;\n}\n\n#audio.unmuted .mute {\n  display: none;\n}\n\n#container {\n  width: 1511px;\n  height: 1100px;\n  overflow: hidden;\n  transform-origin: top left;\n  transform: scale(1);\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -550px;\n  margin-left: -755px;\n}\n\n@media (max-width: 1111px) {\n  #container {\n    transform: scale(0.75);\n    margin-top: -412.5px;\n    margin-left: -566.25px;\n  }\n}\n\n@media (max-width: 833px) {\n  #container {\n    transform: scale(0.5);\n    margin-top: -275px;\n    margin-left: -377.5px;\n  }\n}\n\n@media (max-width: 555px) {\n  #container {\n    transform: scale(0.25);\n    margin-top: -137.5px;\n    margin-left: -188.75px;\n  }\n}\n\n@keyframes bounce-character {\n  0% {\n    transform: translateY(50px);\n  }\n\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n#character {\n  position: relative;\n  animation: bounce-character 150ms infinite;\n  animation-direction: alternate;\n}\n\n[id^=\"teto-\"] {\n  position: absolute;\n}\n\n@keyframes bounce-body {\n  0% {\n    transform: translateY(-20px);\n  }\n\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n#teto-body {\n  position: absolute;\n  top: 0;\n  left: 200px;\n  animation: bounce-body 150ms infinite;\n  animation-direction: alternate;\n}\n\n#teto-hat,\n#teto-face-1,\n#teto-face-2,\n#teto-face-3,\n#teto-face-4 {\n  position: absolute;\n  top: 0;\n  left: 200px;\n}\n\n#teto-face-1,\n#teto-face-2,\n#teto-face-3,\n#teto-face-4 {\n  opacity: 0;\n}\n\n@keyframes bounce-twintail-right {\n  0% {\n    transform: rotate(5deg);\n  }\n\n  100% {\n    transform: rotate(-20deg);\n  }\n}\n\n#twintail-right {\n  position: absolute;\n  top: 215px;\n  left: 200px;\n  transform-origin: 300px 90px;\n  animation: bounce-twintail-right 150ms infinite;\n  animation-direction: alternate;\n}\n\n@keyframes bounce-twintail-left {\n  0% {\n    transform: rotate(-5deg);\n  }\n\n  100% {\n    transform: rotate(20deg);\n  }\n}\n\n#twintail-left {\n  position: absolute;\n  top: 130px;\n  left: 915px;\n  transform-origin: 0px 100px;\n  animation: bounce-twintail-left 150ms infinite;\n  animation-direction: alternate;\n}\n\n@keyframes left-hand-shake {\n  0% {\n    transform: translateY(10px) rotate(-3deg);\n  }\n\n  100% {\n    transform: translateY(0px) rotate(0deg);\n  }\n}\n\n#gyu-left-hand {\n  opacity: 0;\n  position: absolute;\n  top: -75px;\n  left: -220px;\n  transform-origin: 1400px 1450px;\n  animation: left-hand-shake 150ms infinite;\n  animation-direction: alternate;\n}\n\n@keyframes right-hand-shake {\n  0% {\n    transform: translateY(10px) rotate(3deg);\n  }\n\n  100% {\n    transform: translateY(0px) rotate(0deg);\n  }\n}\n\n#gyu-right-hand {\n  opacity: 0;\n  position: absolute;\n  top: -65px;\n  left: -280px;\n  transform-origin: 650px 1450px;\n  animation: right-hand-shake 150ms infinite;\n  animation-direction: alternate;\n}\n\n#tsun-left-hand {\n  opacity: 0;\n  position: absolute;\n  top: -75px;\n  left: -245px;\n  transform-origin: 1625px 1300px;\n  animation: left-hand-shake 150ms infinite;\n  animation-direction: alternate;\n}\n\n#tsun-right-hand {\n  opacity: 0;\n  position: absolute;\n  top: -85px;\n  left: -230px;\n  transform-origin: 375px 1300px;\n  animation: right-hand-shake 150ms infinite;\n  animation-direction: alternate;\n}\n\nbody.scene-1 #teto-face-1,\nbody.scene-1 #gyu-left-hand {\n  opacity: 1;\n}\n\nbody.scene-2 #teto-face-2,\nbody.scene-2 #tsun-right-hand,\nbody.scene-2 #tsun-left-hand {\n  opacity: 1;\n}\n\nbody.scene-3 #teto-face-3,\nbody.scene-3 #gyu-right-hand,\nbody.scene-3 #gyu-left-hand {\n  opacity: 1;\n}\n\nbody.scene-4 #teto-face-4,\nbody.scene-4 #gyu-left-hand {\n  opacity: 1;\n}\n\nbody.scene-5 #teto-face-2 {\n  opacity: 1;\n}\n\nbody.scene-6 #teto-face-3 {\n  opacity: 1;\n}\n"],"names":[],"version":3,"file":"index.71a8ffc4.css.map"}
\ No newline at end of file
diff --git a/index.html b/index.html
index 555fc5f..c92b2ba 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="image" property="og:image" content="https://i.ytimg.com/vi/LLjfal8jCYI/maxresdefault.jpg"><title>オーバーライド</title><link rel="stylesheet" href="/teto-override-html/index.71a8ffc4.css"><script type="module" src="/teto-override-html/index.f21c6ea5.js" defer></script></head><body class="scene-1"> <div id="container"> <div id="character"> <div id="teto-body"> <picture> <source srcset="/teto-override-html/teto-body.55ef0a53.avif" type="image/avif"> <source srcset="/teto-override-html/teto-body.a8ee22a8.webp" type="image/webp"> <img src="/teto-override-html/teto-body.ee0d1048.png" alt="test image"> </picture> </div> <div id="twintail-right"> <picture> <source srcset="/teto-override-html/twintail-right.c1256540.avif" type="image/avif"> <source srcset="/teto-override-html/twintail-right.434f1885.webp" type="image/webp"> <img src="/teto-override-html/twintail-right.4aabbcab.png" alt="test image"> </picture> </div> <div id="teto-hat"> <picture> <source srcset="/teto-override-html/teto-hat.f3dd98ce.avif" type="image/avif"> <source srcset="/teto-override-html/teto-hat.8ef3ba4a.webp" type="image/webp"> <img src="/teto-override-html/teto-hat.36f5218c.png" alt="test image"> </picture> </div> <div id="twintail-left"> <picture> <source srcset="/teto-override-html/twintail-left.4bdf3e32.avif" type="image/avif"> <source srcset="/teto-override-html/twintail-left.492c3611.webp" type="image/webp"> <img src="/teto-override-html/twintail-left.2b7871a7.png" alt="test image"> </picture> </div> <div id="teto-face-1"> <picture> <source srcset="/teto-override-html/teto-face-1.a4a51e79.avif" type="image/avif"> <source srcset="/teto-override-html/teto-face-1.cf9bdbbe.webp" type="image/webp"> <img src="/teto-override-html/teto-face-1.712390a3.png" alt="test image"> </picture> </div> <div id="teto-face-2"> <picture> <source srcset="/teto-override-html/teto-face-2.fa691eca.avif" type="image/avif"> <source srcset="/teto-override-html/teto-face-2.67f72f60.webp" type="image/webp"> <img src="/teto-override-html/teto-face-2.5201cab1.png" alt="test image"> </picture> </div> <div id="teto-face-3"> <picture> <source srcset="/teto-override-html/teto-face-3.63439291.avif" type="image/avif"> <source srcset="/teto-override-html/teto-face-3.d8fb97fd.webp" type="image/webp"> <img src="/teto-override-html/teto-face-3.77fecc2e.png" alt="test image"> </picture> </div> <div id="teto-face-4"> <picture> <source srcset="/teto-override-html/teto-face-4.da4c9159.avif" type="image/avif"> <source srcset="/teto-override-html/teto-face-4.016c436d.webp" type="image/webp"> <img src="/teto-override-html/teto-face-4.499b77b6.png" alt="test image"> </picture> </div> <div id="gyu-left-hand"> <picture> <source srcset="/teto-override-html/gyu-left-hand.d776f85f.avif" type="image/avif"> <source srcset="/teto-override-html/gyu-left-hand.58c95224.webp" type="image/webp"> <img src="/teto-override-html/gyu-left-hand.4f6bcfda.png" alt="test image"> </picture> </div> <div id="gyu-right-hand"> <picture> <source srcset="/teto-override-html/gyu-right-hand.347f2dc7.avif" type="image/avif"> <source srcset="/teto-override-html/gyu-right-hand.9ea71b30.webp" type="image/webp"> <img src="/teto-override-html/gyu-right-hand.7720a9e3.png" alt="test image"> </picture> </div> <div id="tsun-left-hand"> <picture> <source srcset="/teto-override-html/tsun-left-hand.511183b5.avif" type="image/avif"> <source srcset="/teto-override-html/tsun-left-hand.eaa62ca4.webp" type="image/webp"> <img src="/teto-override-html/tsun-left-hand.7be81a0d.png" alt="test image"> </picture> </div> <div id="tsun-right-hand"> <picture> <source srcset="/teto-override-html/tsun-right-hand.ba96fb57.avif" type="image/avif"> <source srcset="/teto-override-html/tsun-right-hand.e91fb04b.webp" type="image/webp"> <img src="/teto-override-html/tsun-right-hand.6f23176a.png" alt="test image"> </picture> </div> </div> </div> <audio loop> <source src="/teto-override-html/override.bf964d2e.mp3" type="audio/mpeg"> </audio> <button id="audio" class="muted"> <div class="mute"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume-off"><path d="M16 9a5 5 0 0 1 .95 2.293M19.364 5.636a9 9 0 0 1 1.889 9.96M2 2l20 20M7 7l-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11M9.828 4.172A.686.686 0 0 1 11 4.657v.686"/></svg> </div> <div class="unmute"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume-2"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298zM16 9a5 5 0 0 1 0 6M19.364 18.364a9 9 0 0 0 0-12.728"/></svg> </div> </button> <noscript> <style>#audio{display:none}</style> </noscript> <a href="https://github.com/Xvezda/teto-override-html" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" style="fill:#151513;color:#fff;border:0;position:absolute;top:0;left:0;transform:scaleX(-1)" aria-hidden="true" viewBox="0 0 250 250"><path d="m0 0 115 115h15l12 27 108 108V0Z"/><path d="M128.3 109c-14.5-9.3-9.3-19.4-9.3-19.4 3-6.9 1.5-11 1.5-11-1.3-6.6 2.9-2.3 2.9-2.3 3.9 4.6 2.1 11 2.1 11-2.6 10.3 5.1 14.6 8.9 15.9" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"/><path d="M115 115c-.1.1 3.7 1.5 4.8.4l13.9-13.8c3.2-2.4 6.2-3.2 8.5-3-8.4-10.6-14.7-24.2 1.6-40.6 4.7-4.6 10.2-6.8 15.9-7 .6-1.6 3.5-7.4 11.7-10.9 0 0 4.7 2.4 7.4 16.1 4.3 2.4 8.4 5.6 12.1 9.2 3.6 3.6 6.8 7.8 9.2 12.2 13.7 2.6 16.2 7.3 16.2 7.3-3.6 8.2-9.4 11.1-10.9 11.7-.3 5.8-2.4 11.2-7.1 15.9-16.4 16.4-30 10-40.6 1.6.2 2.8-1 6.8-5 10.8L141 136.5c-1.2 1.2.6 5.4.8 5.3Z" fill="currentColor" class="octo-body"/></svg><style>.github-corner:hover .octo-arm{animation:.56s ease-in-out octocat-wave}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (width<=500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:.56s ease-in-out octocat-wave}}</style></a> </body></html>
\ No newline at end of file
+<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="image" property="og:image" content="https://i.ytimg.com/vi/LLjfal8jCYI/maxresdefault.jpg"><title>オーバーライド</title><link rel="stylesheet" href="/teto-override-html/index.3799b09c.css"><script type="module" src="/teto-override-html/index.f21c6ea5.js" defer></script></head><body class="scene-1"> <div id="container"> <div id="character"> <div id="teto-body"> <picture> <source srcset="/teto-override-html/teto-body.55ef0a53.avif" type="image/avif"> <source srcset="/teto-override-html/teto-body.a8ee22a8.webp" type="image/webp"> <img src="/teto-override-html/teto-body.ee0d1048.png" alt="test image"> </picture> </div> <div id="twintail-right"> <picture> <source srcset="/teto-override-html/twintail-right.c1256540.avif" type="image/avif"> <source srcset="/teto-override-html/twintail-right.434f1885.webp" type="image/webp"> <img src="/teto-override-html/twintail-right.4aabbcab.png" alt="test image"> </picture> </div> <div id="teto-hat"> <picture> <source srcset="/teto-override-html/teto-hat.f3dd98ce.avif" type="image/avif"> <source srcset="/teto-override-html/teto-hat.8ef3ba4a.webp" type="image/webp"> <img src="/teto-override-html/teto-hat.36f5218c.png" alt="test image"> </picture> </div> <div id="twintail-left"> <picture> <source srcset="/teto-override-html/twintail-left.4bdf3e32.avif" type="image/avif"> <source srcset="/teto-override-html/twintail-left.492c3611.webp" type="image/webp"> <img src="/teto-override-html/twintail-left.2b7871a7.png" alt="test image"> </picture> </div> <div id="teto-face-1"> <picture> <source srcset="/teto-override-html/teto-face-1.a4a51e79.avif" type="image/avif"> <source srcset="/teto-override-html/teto-face-1.cf9bdbbe.webp" type="image/webp"> <img src="/teto-override-html/teto-face-1.712390a3.png" alt="test image"> </picture> </div> <div id="teto-face-2"> <picture> <source srcset="/teto-override-html/teto-face-2.fa691eca.avif" type="image/avif"> <source srcset="/teto-override-html/teto-face-2.67f72f60.webp" type="image/webp"> <img src="/teto-override-html/teto-face-2.5201cab1.png" alt="test image"> </picture> </div> <div id="teto-face-3"> <picture> <source srcset="/teto-override-html/teto-face-3.63439291.avif" type="image/avif"> <source srcset="/teto-override-html/teto-face-3.d8fb97fd.webp" type="image/webp"> <img src="/teto-override-html/teto-face-3.77fecc2e.png" alt="test image"> </picture> </div> <div id="teto-face-4"> <picture> <source srcset="/teto-override-html/teto-face-4.da4c9159.avif" type="image/avif"> <source srcset="/teto-override-html/teto-face-4.016c436d.webp" type="image/webp"> <img src="/teto-override-html/teto-face-4.499b77b6.png" alt="test image"> </picture> </div> <div id="gyu-left-hand"> <picture> <source srcset="/teto-override-html/gyu-left-hand.d776f85f.avif" type="image/avif"> <source srcset="/teto-override-html/gyu-left-hand.58c95224.webp" type="image/webp"> <img src="/teto-override-html/gyu-left-hand.4f6bcfda.png" alt="test image"> </picture> </div> <div id="gyu-right-hand"> <picture> <source srcset="/teto-override-html/gyu-right-hand.347f2dc7.avif" type="image/avif"> <source srcset="/teto-override-html/gyu-right-hand.9ea71b30.webp" type="image/webp"> <img src="/teto-override-html/gyu-right-hand.7720a9e3.png" alt="test image"> </picture> </div> <div id="tsun-left-hand"> <picture> <source srcset="/teto-override-html/tsun-left-hand.511183b5.avif" type="image/avif"> <source srcset="/teto-override-html/tsun-left-hand.eaa62ca4.webp" type="image/webp"> <img src="/teto-override-html/tsun-left-hand.7be81a0d.png" alt="test image"> </picture> </div> <div id="tsun-right-hand"> <picture> <source srcset="/teto-override-html/tsun-right-hand.ba96fb57.avif" type="image/avif"> <source srcset="/teto-override-html/tsun-right-hand.e91fb04b.webp" type="image/webp"> <img src="/teto-override-html/tsun-right-hand.6f23176a.png" alt="test image"> </picture> </div> </div> </div> <audio loop> <source src="/teto-override-html/override.bf964d2e.mp3" type="audio/mpeg"> </audio> <button id="audio" class="muted"> <div class="mute"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume-off"><path d="M16 9a5 5 0 0 1 .95 2.293M19.364 5.636a9 9 0 0 1 1.889 9.96M2 2l20 20M7 7l-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11M9.828 4.172A.686.686 0 0 1 11 4.657v.686"/></svg> </div> <div class="unmute"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume-2"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298zM16 9a5 5 0 0 1 0 6M19.364 18.364a9 9 0 0 0 0-12.728"/></svg> </div> </button> <noscript> <style>#audio{display:none}</style> </noscript> <a href="https://github.com/Xvezda/teto-override-html" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" style="fill:#151513;color:#fff;border:0;position:absolute;top:0;left:0;transform:scaleX(-1)" aria-hidden="true" viewBox="0 0 250 250"><path d="m0 0 115 115h15l12 27 108 108V0Z"/><path d="M128.3 109c-14.5-9.3-9.3-19.4-9.3-19.4 3-6.9 1.5-11 1.5-11-1.3-6.6 2.9-2.3 2.9-2.3 3.9 4.6 2.1 11 2.1 11-2.6 10.3 5.1 14.6 8.9 15.9" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"/><path d="M115 115c-.1.1 3.7 1.5 4.8.4l13.9-13.8c3.2-2.4 6.2-3.2 8.5-3-8.4-10.6-14.7-24.2 1.6-40.6 4.7-4.6 10.2-6.8 15.9-7 .6-1.6 3.5-7.4 11.7-10.9 0 0 4.7 2.4 7.4 16.1 4.3 2.4 8.4 5.6 12.1 9.2 3.6 3.6 6.8 7.8 9.2 12.2 13.7 2.6 16.2 7.3 16.2 7.3-3.6 8.2-9.4 11.1-10.9 11.7-.3 5.8-2.4 11.2-7.1 15.9-16.4 16.4-30 10-40.6 1.6.2 2.8-1 6.8-5 10.8L141 136.5c-1.2 1.2.6 5.4.8 5.3Z" fill="currentColor" class="octo-body"/></svg><style>.github-corner:hover .octo-arm{animation:.56s ease-in-out octocat-wave}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (width<=500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:.56s ease-in-out octocat-wave}}</style></a> </body></html>
\ No newline at end of file