body{margin:0}#root{overflow:hidden}.app{text-align:center}.app,.home{background:#ffe}.home{min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100vw}.home .home-header{height:100vh;position:relative}.home .say-hey{-webkit-animation:fade-out 5s;animation:fade-out 5s;color:pink;font-size:.8rem;font-weight:700;left:50vw;position:absolute;top:50vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home .say-hey .hey-text,.home .say-hey .nick{margin:.13333rem}.home .heart-box{-webkit-animation:fade-in 4s;animation:fade-in 4s}.home .timer-box{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute;top:-.66667rem;width:100vw}.home .timer-box .timer-content{color:#fff;font-size:.53333rem;font-weight:700}.home .btn-down-arrow{-webkit-animation:emerge-gradually 3s infinite;animation:emerge-gradually 3s infinite;bottom:.8rem;color:pink;left:50vw;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.home .experience-item{border-top:.13333rem dashed pink;height:100vh;position:relative}.home .unfinished{color:#f97a87;font-size:.53333rem;margin:30vh 0;opacity:.9;text-align:center}@-webkit-keyframes fade-out{0%{opacity:1}10%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes fade-out{0%{opacity:1}10%{opacity:1}60%{opacity:0}to{opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes emerge-gradually{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes emerge-gradually{0%{opacity:1}50%{opacity:0}to{opacity:1}}.experience{height:100vh;width:100vw}.experience .experience-info{color:#f97a87;margin:1.06667rem 10vw .8rem;opacity:.9;text-align:left}.experience .experience-info .experience-title{font-size:.53333rem}.experience .experience-info .experience-date{font-size:.48rem;margin-top:.13333rem}.experience .experience-info .experience-description{font-size:.42667rem;margin-top:.13333rem}.experience .experience-image-box{margin:0 10vw;position:relative}.experience .experience-image-box .btn-left-arrow,.experience .experience-image-box .btn-right-arrow{-webkit-animation:emerge-gradually 3s infinite;animation:emerge-gradually 3s infinite;color:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.experience .experience-image-box .btn-right-arrow{right:.13333rem}.experience .experience-image-box .btn-left-arrow{left:.13333rem}.experience .experience-image-box .experience-images{align-items:center;display:flex;height:auto;max-height:calc(100vh - 5.70667rem);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80vw}.experience .experience-image-box .experience-images .experience-image-item{flex-shrink:0;font-size:0;margin-right:.26667rem;max-height:calc(100vh - 6.13333rem);max-width:80vw}.experience .experience-image-box .experience-images .experience-image-item:last-child{margin-right:0}.experience .experience-image-box .experience-images .experience-image-item .experience-image,.experience .experience-image-box .experience-images .experience-image-item .experience-image-thumb{display:block;height:calc(100vh - 6.13333rem);max-width:80vw;object-fit:contain}.experience .experience-image-box .experience-images .experience-image-item .experience-image{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.timer{letter-spacing:1px}.heart,.timer{display:flex;justify-content:center}.heart{align-items:center;height:100vh;width:100vw}.heart .heart-content{background-color:pink;height:5.33333rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:5.33333rem}.heart .heart-content:after,.heart .heart-content:before{background-color:pink;border-radius:50%;content:"";height:5.33333rem;left:2.66667rem;position:absolute;top:0;width:5.33333rem;z-index:1}.heart .heart-content:before{left:0;top:-2.66667rem}.heart.clicked .heart-content{-webkit-animation:jelly .5s;animation:jelly .5s}.heart .heart-inner{height:100vh;position:absolute;width:100vw}@-webkit-keyframes jelly{0%,to{-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg)}25%,75%{-webkit-transform:scale(.9,1.1) rotate(-45deg);transform:scale(.9,1.1) rotate(-45deg)}50%{-webkit-transform:scale(1.1,.9) rotate(-45deg);transform:scale(1.1,.9) rotate(-45deg)}}@keyframes jelly{0%,to{-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg)}25%,75%{-webkit-transform:scale(.9,1.1) rotate(-45deg);transform:scale(.9,1.1) rotate(-45deg)}50%{-webkit-transform:scale(1.1,.9) rotate(-45deg);transform:scale(1.1,.9) rotate(-45deg)}}.photos{height:100vh;width:100vw}.photos .album{border:0;height:100%;width:100%}
/*# sourceMappingURL=main.c477359d.css.map*/