*{
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      
}
html, body{
    margin:0;
    padding:0;
}

.rougeFont{
    font-family: 'Rouge Script', cursive;
}

.wrapper{
    -webkit-perspective: 50vw;
    perspective: 50vw;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.insultWrapper{
    opacity: 1;
    font-size: 30px;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1000ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    -webkit-transform: -webkit-rotate3d(1, 0, 0, 0deg) translate3d(0, 1px, 1px);
    transform:rotate3d(1, 0, 0, 1deg) translate3d(0, 1px, 1px);
}

.insultWrapper.loadMask{
    opacity:0;
    -webkit-transform:rotate3d(1, 0, 0, 38deg) translate3d(0, -10px, 20px);
    transform:rotate3d(1, 0, 0, 38deg) translate3d(0, -20px, 20px);
}

.loadMask{
    opacity:0 !important;
}