body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.checkBox{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000001a;cursor:pointer;margin-top:1rem;padding:10px;width:300px}.checkBox,.checkbox-container{align-items:center;display:flex}.checkbox-container input[type=checkbox]{margin-right:10px}.checkbox-label{color:#333;font-family:Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{align-items:center;background-color:#ebfcff;display:flex;font-family:Arial,sans-serif;height:100%;justify-content:center}.App{text-align:center}.main-container{align-items:center;background-color:#ececec;border:2px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;height:70vh;padding:15px;width:105vh}.title{color:#ff3e3e;margin-bottom:1rem}.subtitle,.title{font-size:2rem;font-weight:700}.subtitle{background-color:#62aec1;border-radius:5px;color:#fff;padding:10px;position:relative;text-align:center;width:100%}@keyframes bounce1{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-10px)}}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}}@keyframes exit1{0%{transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@keyframes exit2{0%{transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(-1turn)}}@keyframes moveTogether{0%{transform:translateX(0)}to{transform:translateX(80px)}}@keyframes moveRemaining{0%{transform:translateX(0)}to{transform:translateX(-50px)}}.bounce1{animation:bounce1 1s infinite}.bounce1,.bounce2{display:inline-block}.bounce2{animation:bounce2 1s infinite}.exit1{animation:exit1 1.6s forwards;color:#ff3e3e}.exit2{animation:exit2 2s forwards;color:#ff3e3e}.moveTogether{animation:moveTogether 1s forwards;animation-delay:4s;display:inline-block}.moveRemaining{animation:moveRemaining 1s forwards;animation-delay:4s;display:inline-block}.game-content{background-color:#fff;border:2px solid #ccc;border-radius:5px;flex-grow:1;margin-top:20px;overflow:auto;padding:15px;width:100%}.game-frame{background-position:50%;background-size:cover;overflow:hidden}.frame{align-items:center;background-color:#fff;height:100%;overflow:hidden;width:100%}.options-left,.options-right{display:flex;gap:15px;justify-content:space-between}.options-left img,.options-right img{background-color:#ffffffe6;border:2px solid #ccc;border-radius:10px;cursor:pointer;margin-left:30px;margin-right:30px;margin-top:10px;width:60px}.options-left img.selected,.options-right img.selected{border-color:#000;border-width:3px}.character{align-items:center;display:flex;height:180px;justify-content:center;left:47%;position:absolute;width:90px}.character img{height:240px;position:absolute}.comment-section{font-size:1.2em;margin-top:10px;text-align:center}.wedding-scene{align-items:center;display:flex}.character .shoes{z-index:1}.character .dress{z-index:2}.character .hair{z-index:3}.wedding-character{align-items:center;animation:moveToCenter 1s ease-in-out forwards;display:flex;height:400px;width:250px}.wedding-character img{height:380px;position:absolute}@keyframes moveToCenter{0%{transform:translateX(-150px)}to{transform:translateX(-60px)}}
/*# sourceMappingURL=main.c84d1f70.css.map*/