body{
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    background: #3ecaf0;
    margin: 0;
    padding: 0;
}

html{
    margin: 0;
    padding: 0;
}

a{
    color: inherit;
    text-decoration:none
}

body.frozen{
    overflow: hidden;
    height: 100vh!important;
}

.not-ready{
    display: none;
}

.icon{
    display: inline-block;
    font-size: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
}

.text a {
    word-break: break-all;
    text-decoration: underline;
}

@keyframes floating {
	0% {
		transform: translate3d(0px,0px,0px);
	}
	50% {
		transform: translate3d(0px, -10px, 0px);
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
	}
}

@keyframes  waterflow
{
    from {
        transform: translate3d(100vw, 0, 0);
    }
    to {
        transform: translate3d(-100vw, 0, 0);
    }
}

@keyframes  fishflowL2R
{
    0% {
        left: -200px;
    }
    50% {
        left: 600px;
    }
    100% {
        left: 1200px;
    }
}

@keyframes  fishflowR2L
{
    0% {
        right: -200px;
    }
    50% {
        right: 600px;
    }
    100% {
        right: 1200px;
    }
}


@keyframes  spFishflowR2L
{
    0% {
        right: -60vw;
    }
    50% {
        right: 50vw;
    }
    100% {
        right: 160vw;
    }
}

@keyframes  spFishflowL2R
{
    0% {
        left: -30vw;
    }
    50% {
        left: 50vw;
    }
    100% {
        left: 130vw;
    }
}

@keyframes  showUp
{
    0% {
        opacity: 0;
        transform: translate3d(0, -10px, 0) scale(.8);
    }
    100% {
        opacity: 1;
        transform: translate3d(0,0,0) scale(1);
    }
}