/* @import url('./mobile.css'); */

@media screen and (min-width:750px) {
    html {
        font-size: 625%;
    }

    .piece {
        width: calc(1000px * .6);
        margin: 0 auto;
    }

    .p1finger {
        display: none;
    }

    .star {
        height: 100vh;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    .moon {
        width: calc(80px *.6);
        left: calc(183px *.6);
        top: calc(271px *.6);
    }

    .prison {
        margin-top: 100vh;
    }

    .p1txt {
        width: calc(611px *.6);
        top: calc(650px *.6);
    }

    .p2txt {
        width: calc(582px *.6);
        left: calc(90px *.6);
        top: calc(267px *.6);
    }

    .clock {
        width: calc(450px *.6);
        height: calc(442px *.6);
        right: calc(-76px *.6);
    }

    .book1 {
        width: calc(352px *.6);
        left: calc(148px *.6);
        top: calc(221px *.6);
    }

    .book2 {
        width: calc(296px *.6);
        left: calc(449px *.6);
        top: calc(201px *.6);
    }

    .book3 {
        width: calc(436px *.6);
        left: calc(535px *.6);
        top: calc(316px *.6);
    }

    .pass {
        width: calc(429px *.6);
        height: calc(401px *.6);
        left: calc(438px *.6);
        top: calc(525px *.6);
    }

    .passed {
        width: calc(429px *.6);
        left: calc(438px *.6);
        top: calc(605px *.6);
    }

    .passFinger {
        width: calc(248px *.6);
        left: calc(718px *.6);
        top: calc(885px *.6);
    }

    .p3txt {
        width: calc(710px *.6);
        left: calc(180px *.6);
        top: calc(137px *.6);
    }

    .p4txt {
        width: calc(620px *.6);
        left: calc(200px *.6);
        top: calc(197px *.6);
    }

    .Paper {
        width: calc(1000px *.6);
        height: calc(1600px *.6);
        top: calc(530px *.6);
    }

    .p5txt {
        width: calc(503px *.6);
        left: calc(380px *.6);
        top: calc(416px *.6);
    }

    .p6txt {
        width: calc(550px *.6);
        left: calc(350px *.6);
        top: calc(68px *.6);
    }

    .pa {
        width: calc(281px *.6);
        left: calc(550px *.6);
        top: calc(783px *.6);
    }

    .shootFinger {
        width: calc(248px *.6);
        left: calc(710px *.6);
        top: calc(1043px *.6);
    }

    .photo {
        width: calc(731px *.6);
        left: calc(134px *.6);
        bottom: calc(80px *.6);
        transform: translate3d(60px, -240px, 0) rotateX(90deg) scale(0.2);
    }

    .photoOut {
        transform: translate3d(0, 0, 0) rotate(0) scale(1);
    }

    .p7txt {
        width: calc(800px *.6);
        left: calc(100px *.6);
        top: calc(52px *.6);
    }

    .oillamp {
        width: calc(287px *.6);
        right: calc(50px *.6);
    }

    .letter {
        width: calc(800px *.6);
        height: calc(1200px *.6);
        left: calc(100px *.6);
        top: calc(1057px *.6);
    }

    .letter img {
        width: calc(400px *.6);
        top: calc(114px *.6);
        right: calc(170px *.6);
    }

    .letterShadow {
        width: calc(800px *.6);
        height: calc(1200px *.6);
        left: calc(100px *.6);
        top: calc(1057px *.6);
        filter: blur(6px);
    }

    .envelope {
        width: calc(280px *.6);
        height: calc(580px *.6);
        left: calc(360px *.6);
        top: calc(578px *.6);
        box-shadow: 0 -12px 12px rgba(0, 0, 0, .3),
            12px 0 12px rgba(0, 0, 0, .3),
            0 12px 12px rgba(0, 0, 0, .3),
            -12px 0 12px rgba(0, 0, 0, .3);
    }

    .envelope1 {
        transform: translate(-120px, 42px) rotate(-13deg);
    }

    .envelope3 {
        transform: translate(120px, 42px) rotate(13deg);
    }

    .envelope .inshadow img {
        width: calc(102px *.6);
    }

    .envelope.click .inshadow {
        box-shadow:
            0 24px 24px rgba(247, 242, 232, .5) inset,
            -24px 0 24px rgba(247, 242, 232, .5) inset,
            0 -24px 24px rgba(247, 242, 232, .5) inset,
            24px 0 24px rgba(247, 242, 232, .5) inset;
    }

    .p8txt {
        width: calc(740px *.6);
        left: calc(130px *.6);
        top: calc(163px *.6);
    }

    .p8Say {
        width: calc(304px *.6);
        bottom: calc(50px *.6);
    }

    .swiper {
        width: calc(1000px *.6);
        height: calc(1600px *.6);
    }


    .head {
        width: calc(860px *.6);
        left: calc(56px *.6);
    }

    .change .head {
        width: calc(469px *.6);
    }

    .oldSh {
        width: calc(1000px *.6);
        bottom: calc(-250px *.6);
    }

    .newSh1 {
        width: calc(1000px *.6);
    }

    .newSh2 {
        width: calc(500px *.6);
    }

    .bullet1 {
        width: calc(4347px *.6);
        height: calc(380px *.6);
        left: calc(1000px *.6);
    }

    .bullet2 {
        width: calc(4347px *.6);
        height: calc(380px *.6);
        left: calc(1000px *.6);
    }

    @keyframes butGo {
        0% {
            left: calc(1000px *.6);
        }

        100% {
            left: calc(-8000px *.6);
        }
    }
}