html {
    height: 100%;
}

body {
    background: #2a509b;
    background: linear-gradient(180deg,rgba(72, 121, 247, 1) 0%, rgba(153, 185, 255, 1) 30%, rgba(255, 255, 186, 1) 58%, rgba(255, 215, 135, 1) 100%);
}

.centre-scaled-img {
    position: absolute;
    margin: auto; top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.disable-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.conkdor {
    @media (orientation: portrait) {
        height: 60vw;
    }
    @media (orientation: landscape) {
        height: 60vh;
    }
    filter: drop-shadow(8px 8px 8px #00000040);
    transition: all 0.25s cubic-bezier(0.23, 1.39, 0.88, 1.01);
    transform-origin: 35% 90%;
    rotate: 0deg;
}

.conkdor:active {
    filter: drop-shadow(8px -8px 8px #00000040);
    transition: all 0.2s cubic-bezier(0.63, -0.54, 0.98, 0.87);
    rotate: 90deg;
}