body {
    overflow-x: hidden;
    padding: 0 !important;
}
.wrapper {
    transform-origin: top center;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 100%;
}

body.index-page .wrapper {
    width: 1400px;
}
@media screen and (max-width: 1400px) {
    body.index-page .wrapper {
        transform: scale(calc(100vw / 1400));
    }
}
body {
    overflow-x: hidden;
}

body.diary-page .wrapper {
    width: 1040px;
}
@media screen and (max-width: 1040px) {
    body.diary-page .wrapper {
        transform: scale(calc(100vw / 1040));
    }
}

body.dressup-page .wrapper {
    width: 1050px;
}
@media screen and (max-width: 1050px) {
    body.dressup-page .wrapper {
        transform: scale(calc(100vw / 1050));
    }
}

body.quizzes-page .wrapper {
    width: 1400px;
    margin: 0 auto;
    transform-origin: top center;
}

@media screen and (max-width: 1500px) {
    body.quizzes-page .wrapper {
        transform: scale(calc(100vw / 1400));
    }
}

body.error-page .wrapper {
    width: 1000px;
}
@media screen and (max-width: 1000px) {
    body.error-page .wrapper {
        transform: scale(calc(100vw / 1000));
    }
}

@media screen and (max-width: 1200px) {
    .music-player,
    .credits-icon,
    .credits-panel {
        transform: scale(calc(100vw / 1200));
        transform-origin: bottom left;
    }
}