html,body {
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    background-color: #ffffff;
    overflow-y: hidden;
    cursor: grabbing;
    touch-action: manipulation;
}
.content{
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    cursor: grabbing;
    touch-action: manipulation;
}
a, p, div {
    text-decoration: none;
    /*font-size: 18px;*/
    /*font-weight: 300;*/
    /*line-height: 50px;*/
    color: black;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    cursor: grab;
}
::selection {
    background: yellow;
}
::-moz-selection {
    background: yellow;
}
::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent;
}
html,body,a, p, div,.bananaCursor,img{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    cursor: grabbing;
    touch-action: manipulation;
}
.bg{
    position: fixed;
    width: 120vw;
    top: 50%;left: 50%;
    transform: translate(-50%,-50%);
    filter: blur(30px);
    -webkit-filter: blur(30px);
    touch-action: manipulation;
}
#thevideo{
    display:none;
    position: fixed;
    width: 100vw;
    top: 50%;left: 50%;
    transform: translate(-50%,-50%);
}
.cafa{
    display:none;
    position: fixed;
    max-height: 100%;
    max-width: 100%;
    top: 50%;left: 50%;
    transform: translate(-50%,-50%);
}
.thelable{
    display: none;
    background-size: contain;
    background-image: url(img.jpg);
    background-repeat: no-repeat;
    background-position: initial;
}
.to3d{
    display: none;
    cursor: pointer;
    position: fixed;
    background-color: white;
    right: 2px;
    z-index: 999;
}
.bananaCursor{
    left: 50%;top: 50%;
    transform: translate(-50%,-50%);
    width: 60vw;height: 60vw;
    position: fixed;
    cursor: grabbing;z-index: 9;
    /*transition: 0.1s;*/
}
@keyframes throwingOut {
    from {
        width: 60vw;height: 60vw;
    }
    to {
        width: 15vw;height: 15vw;
    }
}
@keyframes throwingIn {
    from {
        width: 15vw;height: 15vw;
    }
    to {
        width: 60vw;height: 60vw;
    }
}
@keyframes bgOut {
    from {
        filter: blur(2.5vw);
        -webkit-filter: blur(2.5vw);
    }
    to {
        filter: blur(0);
        -webkit-filter: blur(0);
    }
}
@keyframes bgIn {
    from {
        filter: blur(0);
        -webkit-filter: blur(0);
    }
    to {
        filter: blur(2.5vw);
        -webkit-filter: blur(2.5vw);
    }
}
@media (max-aspect-ratio: 1/1) {
    .bg{
        position: fixed;
        height: 110vh;
        width: auto;
    }
    .bananaCursor{
        width: 60vh;height: 60vh;
    }
    @keyframes throwingOut {
        from {
            width: 60vh;height: 60vh;
        }
        to {
            width: 20vh;height: 20vh;
        }
    }
    @keyframes throwingIn {
        from {
            width: 20vh;height: 20vh;
        }
        to {
            width: 60vh;height: 60vh;
        }
    }
}
@media (max-width: 300px) {
    .thelable, .to3d{
        font-size: 3vw;
        line-height: 3vw;
    }
}