.main-btn{
	
    overflow:hidden;
    position: fixed;
    top:50%;left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    display:inline-block;
    opacity:0;
    width:13%;
    height:13%;
    min-width:13vh
}

.reveal {
    overflow:hidden;
    position: fixed;
    top:50%;left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    display:inline-block;
    
    width:100%;
	height:100%;
	
	transition: background-size 0.5s cubic-bezier(0,.50,.50,1);
	-moz-transition: background-size 0.5s cubic-bezier(0,.50,.50,1);
	-ms-transition: background-size 0.5s cubic-bezier(0,.50,.50,1);
	-o-transition: background-size 0.5s cubic-bezier(0,.50,.50,1);
	-webkit-transition: background-size 0.5s cubic-bezier(0,.50,.50,1);
}
.reveal .main-menu{
    position: absolute;
	opacity:0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    transition: all 0.5s ease;
	width:15vh;
    height:15vh;
}
.reveal.show .main-menu{
	opacity:0.5;
	transition: all 0.5s cubic-bezier(0,.50,.50,1);
	z-index:10;
}

.reveal .main-menu.menu-center-top{
	content:'';
	top:14%;
	right:0;
	width:100vw;
    height:25vh;
    -webkit-transform:translateY(-125%);
    -ms-transform:translateY(-125%);
    transform:translateY(-125%);
    background-image: url("../img/posy3.png");
}
.reveal.show .main-menu.menu-center-top{
	-webkit-transform:translateY(-50%) scale(1);
	-ms-transform:translateY(-50%) scale(1);
	transform:translateY(-50%) scale(1);
	opacity:1;
}
.reveal.show .main-menu.menu-center-top.show-title{
	-webkit-transform:translateY(-50%) rotate(15deg) scale(0.75);
	-ms-transform:translateY(-50%) rotate(15deg) scale(0.75);
	transform:translateY(-50%) rotate(15deg) scale(0.75);
    opacity:0.5;
}
.reveal.show .main-menu.menu-center-top.show-current{
	-webkit-transform:translateX(35%) translateY(-65%) scale(0.5);
	-ms-transform:translateX(35%) translateY(-65%) scale(0.5);
	transform:translateX(35%) translateY(-65%) scale(0.5);
}
.reveal .main-menu.menu-center-top .menu-current-title{
	position: absolute;
	top:60%;
	right:70%;
	font-size: calc(12.5vmin);
	width:max-content;
    height:fit-content;
    -webkit-transform:translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    transition: all 0.5s cubic-bezier(0,.50,.50,1);
    opacity:0;
}
.reveal.show .main-menu.menu-center-top.show-current .menu-current-title{
    opacity:0.35;
}
.reveal.show .main-menu.menu-center-top.show-title.show-current{
	-webkit-transform:translateX(35%) translateY(-65%) rotate(15deg) scale(0.5);
	-ms-transform:translateX(35%) translateY(-65%) rotate(15deg) scale(0.5);
	transform:translateX(35%) translateY(-65%) rotate(15deg) scale(0.5);
    opacity:0.5;
}
.reveal.show .main-menu.menu-center-top.show-title.show-current .menu-current-title{
	-webkit-transform: translateY(0%) rotate(-15deg) scale(1);
	-ms-transform: translateY(0%) rotate(-15deg) scale(1);
	transform: translateY(0%) rotate(-15deg) scale(1);
	opacity:0.5;
}

.reveal .main-menu.menu-center-top .menu-current{
	cursor: pointer;
	position: absolute;
	top:50%;
	left:50%;
	width:20vh;
    height:20vh;
    background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(0);
    -ms-transform:translateX(-50%) translateY(-50%) scale(0);
    transform:translateX(-50%) translateY(-50%) scale(0);
    transition:inherit;
}
.reveal .main-menu.menu-center-top .menu-current.menu-1{
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-ms-transform:translateX(-50%) translateY(-50%) scale(1);
	transform:translateX(-50%) translateY(-50%) scale(1);
	background-image: url("../img/icon_menu_insect.png");
	}
.reveal .main-menu.menu-center-top .menu-current.menu-2{
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-ms-transform:translateX(-50%) translateY(-50%) scale(1);
	transform:translateX(-50%) translateY(-50%) scale(1);
	background-image: url("../img/icon_menu_burrito.png");
	}
.reveal .main-menu.menu-center-top .menu-current.menu-3{
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-ms-transform:translateX(-50%) translateY(-50%) scale(1);
	transform:translateX(-50%) translateY(-50%) scale(1);
	background-image: url("../img/icon_menu_lighton.png");
	}
.reveal .main-menu.menu-center-top .menu-current.menu-4{
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-ms-transform:translateX(-50%) translateY(-50%) scale(1);
	transform:translateX(-50%) translateY(-50%) scale(1);
	background-image: url("../img/p7.png");
	}
.reveal .main-menu.menu-center-top .menu-current.menu-5{
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-ms-transform:translateX(-50%) translateY(-50%) scale(1);
	transform:translateX(-50%) translateY(-50%) scale(1);
	background-image: url("../img/p8.png");
	}
.reveal .main-menu.menu-center-top .menu-current.menu-6{
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-ms-transform:translateX(-50%) translateY(-50%) scale(1);
	transform:translateX(-50%) translateY(-50%) scale(1);
	background-image: url("../img/p10.png");
	}
.reveal .menu-title{
	position: absolute;
	top:14%;
	left:50%;
	font-size: calc(32px + 1vw);
	width:max-content;
    height:fit-content;
    opacity:0;
	-webkit-transform:translateX(-50%) translateY(-50%) scale(3);
	-ms-transform:translateX(-50%) translateY(-50%) scale(3);
    transform:translateX(-50%) translateY(-50%) scale(3);
    transition: all 0.5s cubic-bezier(0,.50,.50,1);
    
    z-index:10;
}
.reveal .menu-title.show-title{
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-ms-transform:translateX(-50%) translateY(-50%) scale(1);
	transform:translateX(-50%) translateY(-50%) scale(1);
    opacity:0.35;
}
.reveal .main-menu.menu-left{
	-webkit-transform:translateX(-50%) translateY(-50%) rotate(15deg);
	-ms-transform:translateX(-50%) translateY(-50%) rotate(15deg);
	transform:translateX(-50%) translateY(-50%) rotate(15deg);
	position:absolute;
	left:0;
}
.reveal .main-menu.menu-right{
	-webkit-transform:translateX(50%) translateY(-50%) rotate(-15deg);
	-ms-transform:translateX(50%) translateY(-50%) rotate(-15deg);
	transform:translateX(50%) translateY(-50%) rotate(-15deg);
	position:absolute;
	right:0;
}
.reveal.show .main-menu.menu-enable{
	cursor: pointer;
	transition: all 0.5s ease-out;
}
.reveal.show .main-menu.menu-enable:hover, .menu-enable:active{
	opacity:1;
}
.reveal .main-menu.menu-left:hover{
	-webkit-transform:translateX(-50%) translateY(-51%);
	-ms-transform:translateX(-50%) translateY(-51%);
	transform:translateX(-50%) translateY(-51%);
}
.reveal .main-menu.menu-right:hover{
	-webkit-transform:translateX(50%) translateY(-51%);
	-ms-transform:translateX(50%) translateY(-51%);
	transform:translateX(50%) translateY(-51%);
}
.reveal .main-menu.menu-top{
    max-width:20vw;
    max-height:20vw;
}
.reveal .main-menu.menu-middle{
    max-width:15vw;
    max-height:15vw;
}
.reveal .main-menu.menu-bottom{
    max-width:10vw;
    max-height:10vw;
}
.reveal .main-menu.menu-1{
	top:32.5%;
	margin-left:20vw;
	display: block;
    background-image: url("../img/icon_menu_insect.png");
}
.reveal .main-menu.menu-1::after{
	content:"A Cute Game";
	opacity:0;
}
.reveal .main-menu.menu-2{
	-webkit-transform:translateX(-50%) translateY(-50%) rotate(-15deg);
	-ms-transform:translateX(-50%) translateY(-50%) rotate(-15deg);
	transform:translateX(-50%) translateY(-50%) rotate(-15deg);
	top:60%;
	margin-left:9.5vw;
    background-image: url("../img/icon_menu_burrito.png");
}
.reveal .main-menu.menu-2::after{
	content:"Burrito Map";
	opacity:0;
}
.reveal .main-menu.menu-3{
	top:92.5%;
	margin-left:27.5vw;
    background-image: url("../img/icon_menu_lighton.png");
}
.reveal .main-menu.menu-3::after{
	content:"Light On - Flashlight";
	opacity:0;
}
.reveal .main-menu.menu-4{
	-webkit-transform:translateX(50%) translateY(-50%) rotate(15deg);
	-ms-transform:translateX(50%) translateY(-50%) rotate(15deg);
	transform:translateX(50%) translateY(-50%) rotate(15deg);
	top:27.5%;
	margin-right:20vw;
    background-image: url("../img/p7.png");
}
.reveal .main-menu.menu-4::after{
	content:"Menu 4";
	opacity:0;
}
.reveal .main-menu.menu-5{
	top:67.5%;
	margin-right:9.5vw;
    background-image: url("../img/p8.png");
}
.reveal .main-menu.menu-5::after{
	content:"Menu 5";
	opacity:0;
}
.reveal .main-menu.menu-6{
	top:87.5%;
	margin-right:27.5vw;
    background-image: url("../img/p10.png");
}
.reveal .main-menu.menu-6::after{
	content:"Menu 6";
	opacity:0;
}
.reveal-cat {
	background-image: url("../img/main_cat.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	
    overflow:hidden;
    position: fixed;
    top:50%;left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    display:inline-block;
    
    width:100%;
	height:100%;
	
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}
.reveal-ani{
	background-image: url("../img/main_cat_ani.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	
    overflow:hidden;
    position: absolute;
    top:50%;left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    display:inline-block;
    
    width:44.98%;
    height:44.98%;
	max-width:21.98svh;

	transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease-out;
}
.reveal .reveal-cover {
    content:" ";
    position: absolute;
    display:block;
    top:50%;left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    width:100vh;
    height:100%;
    z-index:2;
    transition: opacity 0.3s linear, transform 0.3s 0.2s linear;
}
.reveal .cover-c {
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
	background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); /* ie10+ */
	background:radial-gradient(ellipse at center, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); /* w3c */
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */
    top:0;
    left:50%;
    opacity:1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.reveal .cover-t {
    top:-50%;
    left:0;
}
.reveal .cover-r {
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* ie10+ */
	background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* w3c */
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */	
    top:0;
    left:50%;
}
.reveal .cover-b {
    top:50%;
    left:0;
}
.reveal .cover-l {
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* ie10+ */
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* w3c */
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */	
    top:0;
    left:-50%;
}

.reveal.show .cover-c {
	opacity:0;
    -webkit-transform: scale(2.5) translateX(-20%);
    -ms-transform: scale(2.5) translateX(-20%);
    transform: scale(2.5) translateX(-20%);
    transition: opacity 0.3s 0.2s linear, transform 0.3s linear;
}
.reveal.show .cover-t {
	transform:translateY(-100%);
}
.reveal.show .cover-r {
	transform:translateX(100%);
}
.reveal.show .cover-b {
	transform:translateY(100%);
}
.reveal.show .cover-l {
	transform:translateX(-100%);
}

.sub-wrap{
	top:20%;
	width:100%;
	height:80%;
	position:fixed;
	background-color:white;
	transform:scale(1.5);
	transform-origin: center center;
	transition: all 0.5s ease-out;
	opacity: 0;
}

.sub-wrap.show{
	z-index:11;
	transform:scale(1);
	opacity: 1;
}
.sub-wrap.fold{
	transform:scale(1.5);
	opacity: 0;
}

.content-wrap{
	border-radius:15px;
	border: 10px double white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

.reveal.hide .reveal-cat, .reveal.hide .reveal-ani{
	-webkit-transform:translateX(-50%) translateY(-50%) scale(0.15);
	-ms-transform:translateX(-50%) translateY(-50%) scale(0.15);
	transform:translateX(-50%) translateY(-50%) scale(0.15);
	opacity:0;
}

.reveal.hide .main-menu.menu-1{
	top: calc(29% + 50px);
    margin-left: calc(29vw - 17px);
	-webkit-transform: scale(0.50);
	-ms-transform: scale(0.50);
	transform: scale(0.50);
	opacity:0;
}
.reveal.hide .main-menu.menu-2{
	top: 51%;
    margin-left: 22vw;
	-webkit-transform: scale(0.50);
	-ms-transform: scale(0.50);
	transform: scale(0.50);
	opacity:0;
}
.reveal.hide .main-menu.menu-3{
	top: 68%;
    margin-left: 33vw;
	-webkit-transform: scale(0.50);
	-ms-transform: scale(0.50);
	transform: scale(0.50);
	opacity:0;
}
.reveal.hide .main-menu.menu-4{
	top: calc(26% + 50px);
	margin-right: calc(29vw - 17px);
	-webkit-transform: scale(0.50);
	-ms-transform: scale(0.50);
	transform: scale(0.50);
	opacity:0;
}
.reveal.hide .main-menu.menu-5{
	top: 55%;
	margin-right: 22vw;
	-webkit-transform: scale(0.50);
	-ms-transform: scale(0.50);
	transform: scale(0.50);
	opacity:0;
}
.reveal.hide .main-menu.menu-6{
	top: 65%;
	margin-right: 33vw;
	-webkit-transform: scale(0.50);
	-ms-transform: scale(0.50);
	transform: scale(0.50);
	opacity:0;
}