.blessing{width:100%;height:100%;-webkit-perspective:100px;perspective:100px;position:relative}.blessing .photo{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute}.blessing .photo .back{height:100%;width:auto}.blessing .photo .things{height:25%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.blessing .photo .left,.blessing .photo .leftCenter,.blessing .photo .leftTop{left:35%}.blessing .photo .bottomCenter,.blessing .photo .left,.blessing .photo .right{top:80%}.blessing .photo .leftTop,.blessing .photo .rightTop{top:20%}.blessing .photo .right,.blessing .photo .rightCenter,.blessing .photo .rightTop{left:65%}.blessing .photo .center,.blessing .photo .leftCenter,.blessing .photo .rightCenter{top:50%}.blessing .photo .bottomCenter,.blessing .photo .center,.blessing .photo .topCenter{left:50%}.blessing .photo .topCenter{top:20%}.blessing .word{position:absolute;right:20px;top:15px;margin:0;font-family:myself-font;font-size:35px;letter-spacing:5px;text-shadow:0 0 10px #e9ceb4;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;z-index:100}@-webkit-keyframes photo{to{opacity:1;-webkit-transform:translateZ(100px) scale(1);transform:translateZ(100px) scale(1)}}@keyframes photo{to{opacity:1;-webkit-transform:translateZ(100px) scale(1);transform:translateZ(100px) scale(1)}}@-webkit-keyframes word{0%{width:0}to{width:100%}}@keyframes word{0%{width:0}to{width:100%}}.blessing .wish{width:100%;height:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.blessing .wish .border{height:60%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}.blessing .wish p{font-family:myself-font;font-size:30px;text-shadow:0 0 10px #e9ceb4}.blessing .wish .music{top:70%}.blessing .wish .music,.blessing .wish .music .cursor{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%}.blessing .wish .music .cursor{width:45px;top:50%;opacity:0;-webkit-animation:cursor 2s linear 1s infinite;animation:cursor 2s linear 1s infinite}.blessing .wish .music .start,.blessing .wish .music .stop{-webkit-animation:music 4s linear infinite;animation:music 4s linear infinite}.blessing .wish .music .stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.blessing .wish .music .start{-webkit-animation-play-state:running!important;animation-play-state:running!important}@-webkit-keyframes music{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes music{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes cursor{50%{opacity:1}}@keyframes cursor{50%{opacity:1}}@-webkit-keyframes wish{to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}}@keyframes wish{to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}}@media screen and (max-width:767px){.blessing .photo .back{width:100%;height:auto}.blessing .photo .things{height:10%}.blessing .photo .left,.blessing .photo .leftTop{left:30%}.blessing .photo .leftCenter{left:25%}.blessing .photo .rightCenter{left:75%}.blessing .photo .right,.blessing .photo .rightTop{left:70%}.blessing .photo .bottomCenter,.blessing .photo .left,.blessing .photo .right{top:65%}.blessing .photo .leftTop,.blessing .photo .rightTop{top:40%}.blessing .photo .topCenter{top:35%}.blessing .word{font-size:25px}.blessing .wish .border{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);height:45%}.blessing .wish p{font-size:22px}}@media screen and (min-width:768px){.blessing .photo .back{width:100%;height:auto}.blessing .photo .things{height:15%}.blessing .photo .left,.blessing .photo .leftCenter,.blessing .photo .leftTop{left:20%}.blessing .photo .right,.blessing .photo .rightCenter,.blessing .photo .rightTop{left:80%}.blessing .photo .bottomCenter,.blessing .photo .left,.blessing .photo .right{top:70%}.blessing .photo .leftTop,.blessing .photo .rightTop{top:35%}.blessing .photo .topCenter{top:25%}.blessing .wish .border{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);height:45%}}@media screen and (min-width:992px){.blessing .photo .back{height:100%;width:auto}.blessing .photo .things{height:25%}.blessing .photo .left,.blessing .photo .leftCenter,.blessing .photo .leftTop{left:35%}.blessing .photo .right,.blessing .photo .rightCenter,.blessing .photo .rightTop{left:65%}.blessing .photo .bottomCenter,.blessing .photo .left,.blessing .photo .right{top:80%}.blessing .photo .leftTop,.blessing .photo .rightTop{top:25%}.blessing .photo .topCenter{top:20%}.blessing .wish .border{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:60%}}.welcome[data-v-096ddd75]{height:100%;width:100%;position:relative;overflow:hidden}.welcome .heading[data-v-096ddd75]{overflow:hidden;height:10%;width:100%;font-family:hole;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:5px 0}.welcome .heading img[data-v-096ddd75]{height:60%}.welcome .heading h1[data-v-096ddd75]{margin:0;padding:0;font-size:60px;text-shadow:2px 2px #b6aba4}.welcome .content[data-v-096ddd75]{overflow:hidden;width:100%;height:80%;position:relative}.welcome .content .door[data-v-096ddd75]{top:50%;-webkit-animation:door-096ddd75 1s .5s forwards;animation:door-096ddd75 1s .5s forwards}.welcome .content .door[data-v-096ddd75],.welcome .content .together[data-v-096ddd75]{height:0%;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}.welcome .content .together[data-v-096ddd75]{top:60%;-webkit-animation:photo-096ddd75 1s .5s forwards;animation:photo-096ddd75 1s .5s forwards}.welcome .content .bride[data-v-096ddd75],.welcome .content .groom[data-v-096ddd75]{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.welcome .content .bride[data-v-096ddd75]{height:60%;left:54%;top:65%}.welcome .content .groom[data-v-096ddd75]{height:65%;left:46%;top:62%}.welcome .time[data-v-096ddd75]{height:10%;width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.welcome .time h2[data-v-096ddd75]{z-index:2;font-family:mading;text-shadow:0 0 10px #e9ceb4;-webkit-animation:zoomInUp 1s;animation:zoomInUp 1s}.welcome .icon[data-v-096ddd75]{width:15px;height:15px;border-left:4px solid #f4e4da;border-bottom:4px solid #f4e4da;position:absolute;left:50%;bottom:2%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);z-index:100;opacity:0;-webkit-animation:icon-096ddd75 2s infinite;animation:icon-096ddd75 2s infinite}@-webkit-keyframes door-096ddd75{0%{height:0}to{height:80%}}@keyframes door-096ddd75{0%{height:0}to{height:80%}}@-webkit-keyframes photo-096ddd75{0%{height:0}to{height:60%}}@keyframes photo-096ddd75{0%{height:0}to{height:60%}}@-webkit-keyframes icon-096ddd75{0%,75%{opacity:0}to{opacity:1}}@keyframes icon-096ddd75{0%,75%{opacity:0}to{opacity:1}}@media screen and (max-width:767px){.welcome .heading h1[data-v-096ddd75]{font-size:30px}.welcome .content .door[data-v-096ddd75]{z-index:1}.welcome .content .together[data-v-096ddd75]{top:65%}.welcome .time h2[data-v-096ddd75]{font-size:15px}}#app{width:100%;height:100%}@font-face{font-family:mading;src:url(../fonts/mading.f363858f.ttf)}@font-face{font-family:myself-font;src:url(../fonts/myself.c2f3d144.ttf)}@font-face{font-family:hole;src:url(../fonts/Hole-Hearted.46d4875e.ttf)}*{margin:0;padding:0}body,html{width:100%;height:100%}body{background-color:#bb7456;-webkit-box-sizing:border-box;box-sizing:border-box;color:#f4e4da}:root{--animate-duration:1s}