@charset "UTF-8";
/*•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
••••••••••••• DESIGNED AND BUILT ENTIRELY BY HAND •••••••••••••
•••••••••••••• IN BEAUTIFUL DOWNTOWN LOS ANGELES ••••••••••••••
••••••••••••••• CALIFORNIA BY BESLER & SONS, LLC ••••••••••••••
••••••••••••••••• HTTP://WWW.BESLERANDSONS.COM ••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••||•••••••••|||•••••••••••••••••
••••••••••••••••••••••••••••••••||••••••••||||•••••••••••••••••
•••••••••••••••••|||••••••||•••||||•••••••||||•||||||••••••••••
•••••••••••••••••|||||||••||•••||||••|••••||||•||||||••••••••••
••••••||•••||••••|||||||••|||••||||•||||••||||•||||||||||••••••
••••••||•||||•|||||||||||•|||••||||•||||••||||•||||||||||••••••
••••••||•||||•|||||||||||•|||•|||||•||||••||||•||||||||||••••*/

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-=-= MOBILE DISPLAY -=-=-=-=-=-
=-=-=- (0px WIDE - 600px WIDE) -=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

@media screen and (max-width: 600px) {

header {
	font-size: 2.8vw;
}

button {
	width: 20vw;
	height: 20vw;
	font-size: 12vw;
	border: 0.8vw solid #000;
}

.emoji-adjust {
	transform: translate(0.6vw,0.4vh);
}

.x-adjust {
	transform: translateY(-0.8vh);
}

button:hover {
	border: 1.6vw solid #000;
}

#side-drawer {
	width: 80vw;
	left: -84vw;
}

.slide-the-drawer {
	transform: translateX(84vw);
}

}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-=-=-=-=-=-= TABLET DISPLAY -=-=-=-=-=-=
=-=-=- (600px WIDE - 1200px WIDE) =-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

@media screen and (min-width: 601px) and (max-width: 1200px) {

button {
	width: 10vw;
	height: 10vw;
	font-size: 6vw;
	border: 0.4vw solid #000;
}

.emoji-adjust {
	transform: translate(0.4vw,0.6vh);
}

.x-adjust {
	transform: translateY(-0.6vh);
}

button:hover {
	border: 0.8vw solid #000;
}

#side-drawer {
	width: 50vw;
	left: -54vw;
}

.slide-the-drawer {
	transform: translateX(54vw);
}

}