@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.animation-image-5s{opacity:0;animation:5s ease-in-out fadeEffect}.animation-image-15s{opacity:0;animation:15s ease-in-out fadeEffect}@keyframes fadeEffect{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.animation-change{animation:.2s ease-in-out changeOpacityEffect}@keyframes changeOpacityEffect{0%{opacity:0}to{opacity:100}}.animation-bigger{animation:.2s ease-in-out changeSizeEffect}@keyframes changeSizeEffect{0%{transform:scale(0)}25%{transform:scale(.2)}50%{transform:scale(.5)}70%{transform:scale(.7)}to{transform:scale(1)}}@keyframes deleteEffect{0%{opacity:1;transform:rotateX(90deg)}50%{opacity:.5;transform:rotateX(0)}to{opacity:0;display:none;transform:rotateX(90deg)}}.animation-delete{animation-name:deleteEffect;animation-duration:.3s;animation-fill-mode:forwards}.slide-effect{transform:translate(0)}.slide-effect.transitioning{opacity:0;transform:translate(-100%)}.text-container{z-index:1;position:relative}.firework-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.firework{border-radius:50%;width:5px;height:5px;position:absolute}.firework.firework{animation:1s ease-out firework}@keyframes firework{0%{opacity:1;transform:translate(0)}to{transform:translate(var(--x), var(--y));opacity:0}}