@charset "UTF-8";

@font-face {
    font-family: 'Patrick Hand';
    src: url('../fonts/subset-PatrickHand-Regular.eot');
    src: url('../fonts/subset-PatrickHand-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-PatrickHand-Regular.woff2') format('woff2'),
        url('../fonts/subset-PatrickHand-Regular.woff') format('woff'),
        url('../fonts/subset-PatrickHand-Regular.ttf') format('truetype'),
        url('../fonts/subset-PatrickHand-Regular.svg#PatrickHand-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	scroll-behavior: auto !important;
    -webkit-text-size-adjust: none;
}

body, div {
  margin: 0;
  padding: 0;
}

body {
	font-size: 16px;
	text-align: center;
	color: #666666;
	line-height: 1.2;
	background: #fbf8ef;
}


/* Options */

#options {
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 50px;
}

#options ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

#options ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'Patrick Hand', cursive;
	font-size: 30px;
	width: 6em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#options ul li a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #fff;
	width: 100%;
	height: 5.333333333333333em;
	padding-bottom: 0.3666666666666667em;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	--color: #374d1f;
	-webkit-transition: -webkit-transform 0.6s, -webkit-filter 0.6s;
	transition: -webkit-transform 0.6s, -webkit-filter 0.6s;
	transition: transform 0.6s, filter 0.6s;
	transition: transform 0.6s, filter 0.6s, -webkit-transform 0.6s, -webkit-filter 0.6s;
}

#options ul li a:hover {
	-webkit-filter: drop-shadow(0 8px 1px rgba(0,0,0,0.1));
	        filter: drop-shadow(0 8px 1px rgba(0,0,0,0.1));
}

#options ul li a:before {
	content: "";
	position: absolute;
	left: -3.333333333333333%;
	right: -3.333333333333333%;
	top: -2.5%;
	bottom: -2.5%;
	background-color: var(--color);
	--mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgMTcwLjUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik04OC44OSwwaDMuNDhjMTMuNTIuMjQsMjcuMDMsMi43MSwzOS42OCw3LjUyLDguOTUsMy40MSwxNy40Nyw4LjAyLDI1LjAyLDEzLjkzLDguNTcsNi42OSwxNS44MywxNS4xNCwyMC42NiwyNC45MSwxLjM0LDIuNjgsMi40OCw1LjQ3LDMuNDcsOC4zLjQxLjguOTQsMS41MywxLjM4LDIuMzIsNS45OCwxMC4wOCw5LjQzLDIxLjcxLDkuNDEsMzMuNDZ2LjA3Yy0uMDYsMi44NS0uMTksNS43LS42Miw4LjUyLS43NCw1LjE4LTIuMTcsMTAuMjUtNC4yLDE1LjA3LTMuNjksOC43OS04LjksMTYuOTEtMTUuMTcsMjQuMDgtMTIuMzUsMTQuMTEtMjguODksMjQuNjMtNDcuMSwyOS4yNy03LjMxLDEuOS0xNC44NCwyLjg0LTIyLjM4LDMuMDRoLTQuMTZjLTQuMTUtLjEzLTguMy0uNDItMTIuNDEtMS4wMS0xMS44MS0xLjY0LTIzLjMxLTUuMzgtMzMuOTQtMTAuNzUtMS0uNDctMS45My0xLjA4LTIuOTgtMS40Ni0xMi4wNC00LjgyLTIzLjMxLTExLjY2LTMyLjkzLTIwLjM3LS42MS0uNDIuMjktMS4yNC43My0uNyw3LjI4LDYuNDIsMTUuNDIsMTEuODcsMjQuMTUsMTYuMS02LjM3LTQuMjgtMTIuMzEtOS4yMi0xNy41NC0xNC44NS02LjM0LTYuODEtMTEuNjMtMTQuNjEtMTUuNDYtMjMuMDktMS4wMy0yLjIzLTEuODctNC41NC0yLjgzLTYuOC0xLjI1LTMuMTMtMi4zLTYuMzQtMy4xMi05LjYxQy43MSw5Mi41LS4wOCw4Ni44NywwLDgxLjI0Yy0uMTEtNy45NywxLjQ4LTE1LjkyLDQuMzEtMjMuMzYsMy41Mi0xMS45MSw5Ljc2LTIzLjA3LDE4LjQ3LTMxLjk3LDMuNzctMy44OCw4LTcuMywxMi41Mi0xMC4yNyw5LjM0LTYuMTYsMTkuODctMTAuNDIsMzAuNzYtMTIuOTIsNy40OC0xLjczLDE1LjE2LTIuNTksMjIuODMtMi43M1pNNjIuOTQsNS43N2MtMTAuMTQsMi43LTE5LjkxLDYuOTgtMjguNSwxMy4wMy04LjM2LDUuODYtMTUuNTYsMTMuNDYtMjAuNjcsMjIuMzIsNS44NS03LjU3LDEzLjE1LTEzLjk3LDIxLjMtMTguOTYsOS40OC01LjgzLDIwLjA4LTkuNzMsMzAuOTctMTEuOTMsMjAuMzktNC4xLDQxLjg1LTIuMyw2MS40NCw0LjU5LDkuMjQsMy4yNSwxOC4xMyw3LjU0LDI2LjMzLDEyLjkyLDguMzQsNS40NiwxNS45NSwxMi4wOSwyMi4yNSwxOS44Mi0yLjIxLTQuNTgtNS04Ljg4LTguMjQtMTIuODEtNy42Ni05LjIyLTE3LjUxLTE2LjUtMjguMjUtMjEuNzYtMTAuMzktNS4wOS0yMS42NC04LjM0LTMzLjEtOS44NS0xNC41LTEuOTEtMjkuMzktMS4xMy00My41NCwyLjYxWk04NS40NCwxMC4yMmMtMTAuNTYuMTktMjEuMTIsMS45NS0zMS4xLDUuNDItMTEuMDksMy44My0yMS41NCw5LjcxLTMwLjI0LDE3LjYyLTguMDksNy4zNS0xNC41OSwxNi41Ni0xOC4yMywyNi45LS41MywxLjM5LS44MSwyLjg2LTEuMTQsNC4zMS0yLjg3LDEzLjMzLTIuMzYsMjcuNDQsMS44NCw0MC40NCwyLjg5LDcuOTcsNy40MiwxNS4zMSwxMy4wMiwyMS42NSw2LjQsNy4yNywxNC4xNywxMy4zMSwyMi43LDE3Ljg3LDEyLjUsNi42OSwyNi4zNywxMC41MSw0MC4zOSwxMi4yNyw3LjA0Ljg2LDE0LjEzLDEuMjgsMjEuMjIsMS4zMywzLjQ0LDAsNi45LjA0LDEwLjMzLS4zNiwzLjg4LS40LDcuNzMtMS4wOCwxMS42MS0xLjUyLDMuMjQtLjQsNi40OS0uNzMsOS43Mi0xLjE2LDguOC0zLjk3LDE2LjkyLTkuNDksMjMuNzgtMTYuMjksNy4yOS03LjIxLDEzLjEzLTE1Ljg4LDE3LjEzLTI1LjMyLDUuMDUtMTEuODYsNy4xNi0yNC44OSw2LjU1LTM3Ljc0LS4zMy02LjYxLTEuNDUtMTMuMTktMy41LTE5LjQ5LS4xLS4zMy0uMzItLjYxLS41MS0uODktNC4yLTYuMy05LjMxLTExLjk3LTE0Ljk5LTE2Ljk2LTEwLjk4LTkuNjMtMjQtMTYuOC0zNy43OC0yMS41My0xMy4wOS00LjQ4LTI2Ljk1LTYuODEtNDAuNzktNi41NFpNMTgzLjU2LDYzLjE2YzIuMiwxMC41NSwyLjIsMjEuNTIuMjcsMzIuMTEtMS4wNCw1LjcyLTIuNjEsMTEuMzUtNC43NCwxNi43Ni0zLjgxLDkuNjQtOS41MSwxOC41Mi0xNi42NywyNi4wMS02LjM4LDYuNy0xMy45MywxMi4yOC0yMi4xNywxNi41LjMyLjIxLjY0LjUuNjguOTEuMDkuNDMtLjI0Ljg3LS42OC45MS0xLjQ4LjIyLTIuOTYuMzktNC40NC42LS40Mi4wNi0uODYuMDYtMS4yNS4yNS02LjYzLDIuODgtMTMuNTgsNS4wMS0yMC42Nyw2LjQyLTE0LjEzLDIuOC0yOC44LDIuNzEtNDIuOTQuMDMtMS4yNi0uMjItMi41MS0uNTUtMy43OC0uNzMuNjkuMTksMS4zNi40NCwyLjA0LjY0LDEzLjc3LDQuMzYsMjguNDcsNiw0Mi44Myw0LjIxLDE2LjA2LTEuOTUsMzEuNTQtOC4zLDQ0LjQyLTE4LjA5LDguMTEtNi4xNSwxNS4yMi0xMy42LDIwLjkzLTIyLjAyLDUuODgtOC42OSwxMC4xNi0xOC41NiwxMS43OS0yOC45NSwxLjE0LTcuMjIuOTYtMTQuNjYtLjY0LTIxLjc5LTEuMDgtNC43Ny0yLjczLTkuNDMtNC45OS0xMy43N1pNMjAuNTUsMTMwLjhjOC44OCwxMS4yNCwyMC40NCwyMC4yNiwzMy4yOCwyNi41NywxLjA5LjUyLDIuMTYsMS4xMywzLjM1LDEuNDMsMTYuOTIsNS4zNiwzNS4wOSw2Ljc0LDUyLjYxLDMuOSw2LjI4LTEuMDIsMTIuNDktMi41NiwxOC40Ny00Ljc1LTQuNDUuNS04Ljg3LDEuMjItMTMuMzIsMS43Ni0zLjcyLjQ3LTcuNDYuNDEtMTEuMi40Mi02Ljg1LS4wNi0xMy42OS0uNDUtMjAuNS0xLjI2LTcuMTMtLjg2LTE0LjItMi4yNC0yMS4xMS00LjItNi43My0xLjkxLTEzLjMtNC40MS0xOS41MS03LjYyLTguMTUtNC4yMS0xNS42MS05Ljc1LTIyLjA3LTE2LjI2WiIvPjwvc3ZnPg==");
	-webkit-mask-image: var(--mask);
	mask-image: var(--mask);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-transition: -webkit-transform 0.8s;
	transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	transition: transform 0.8s, -webkit-transform 0.8s;	
	-webkit-animation: rotateAnim 1.2s 0.1s forwards infinite alternate;	
	        animation: rotateAnim 1.2s 0.1s forwards infinite alternate;
}

#options ul li a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background-color: var(--color);
	--mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODEgMTYwLjY2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNODMuMzQuMDNjMTIuOTEtLjMzLDI1LjksMS43MywzOC4wNCw2LjE2LDE1LjM5LDUuNTgsMjkuNDYsMTQuOTYsNDAuMTUsMjcuNCw2Ljg0LDcuOTYsMTIuMjUsMTcuMTgsMTUuNTksMjcuMTQsMy43LDEwLjk4LDQuOCwyMi44NSwzLjA3LDM0LjMxLTEuNTQsMTAuMzYtNS40OCwyMC4zNS0xMS4zNywyOS4wMS01LjQsOC4wMS0xMi40LDE0Ljg5LTIwLjMyLDIwLjM5LTkuMzksNi41Mi0yMC4wOCwxMS4xLTMxLjIxLDEzLjY4LTEyLjcsMi45NS0yNS45OCwzLjI5LTM4Ljg0LDEuMTgtMTIuNjQtMi4wNi0yNC44OS02LjUxLTM1Ljg3LTEzLjEtNy42LTQuNTYtMTQuNi0xMC4xNS0yMC42NS0xNi42My03LjItNy43MS0xMy4wNS0xNi43Mi0xNi44OC0yNi41N0MuNTQsOTEuNDMtMS4wNyw3OC42OC43MSw2Ni4zNWMxLjU0LTEwLjcyLDUuNjItMjEuMDUsMTEuNzMtMjkuOTksNS44LTguNTYsMTMuNC0xNS44NywyMi4wMy0yMS41NSw4LjEtNS4zMywxNy4xLTkuMjQsMjYuNDgtMTEuNjdDNjguMjYsMS4yNCw3NS44LjIzLDgzLjM0LjAzWiIvPjwvc3ZnPg==");
	-webkit-mask-image: var(--mask);
	mask-image: var(--mask);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-transition: -webkit-transform 1.2s;
	transition: -webkit-transform 1.2s;
	transition: transform 1.2s;
	transition: transform 1.2s, -webkit-transform 1.2s;
}

#options ul li:nth-child(4n+2) a {
	--color: #e6be70;
}

#options ul li:nth-child(4n+3) a {
	--color: #d57045;
}

#options ul li:nth-child(4n+4) a {
	--color: #7b895a;
}

#options ul li:nth-child(2n+2) a:before {
	--mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODYgMTYzLjIzIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNOTAuNTMuMDdjMS44Mi0uMTEsMy42NC0uMDUsNS40Ni0uMDcsMy4zMy4wNSw2LjY1LjQsOS45My45NiwxLjAxLjE0LDIuMDEuNDcsMy4wNC40NSwxMS4xOS4yNSwyMi4zOSwyLjY5LDMyLjQ1LDcuNjUsNi45MSwzLjQzLDEzLjI2LDcuOTYsMTguODgsMTMuMjMsMTEuMzYsMTAuNjgsMTkuNTYsMjQuNjcsMjMuMywzOS44MSwxLjUyLDYuMTcsMi4zMSwxMi41MSwyLjQyLDE4Ljg2LDAsMy44LS4xMSw3LjYxLS42MSwxMS4zOS0xLjQsMTEuMzYtNS40MSwyMi40Ny0xMi4wOCwzMS44Mi0yLjM4LDMuMzYtNS4xLDYuNDctOC4xLDkuMjktLjU4LjU3LTEuMjUsMS4wNy0xLjc3LDEuNy02Ljg3LDguMDQtMTUuNjMsMTQuNDItMjUuMzQsMTguNTktOC4yMiwzLjUyLTE2Ljk4LDUuNzEtMjUuODQsNi43OC02LjMsMS42NS0xMi43OCwyLjY0LTE5LjI5LDIuNy05LjgyLjE1LTE5LjY1LTEuNjEtMjguODgtNC45NS0uNjItLjI1LTEuMjYtLjQzLTEuOTItLjU2LTYuODQtMS42LTEzLjUtMy45NC0xOS44Ni02LjkzLTcuNjYtMy42MS0xNC45MS04LjE1LTIxLjMtMTMuNzItNi43NS01Ljg3LTEyLjU3LTEyLjk0LTE2LjM3LTIxLjA3QzEuNTEsMTA5LjM1LS4xNywxMDIsLjAxLDk0LjY1Yy0uMDctNS4wNy43NC0xMC4xMiwyLjAyLTE1LjAxLjEtLjQxLjA3LS44NC4wNy0xLjI3LjAyLTguOTUsMS45OC0xNy44OCw1LjY3LTI2LjAzLS4yMS0uMTUtLjU2LS4yOC0uNDktLjYuNjgtMS4wNywxLjc1LTEuODcsMi4yOC0zLjA0LDIuMTItNC4wMiw0LjY4LTcuNzksNy40Ny0xMS4zN0MyOS43NywyMS4wNSw0OC4xMiw5LjE5LDY4LjI5LDQuNmMuODEtLjE2LDEuNTYtLjQ3LDIuMzQtLjcyLDYuNDMtMi4xMSwxMy4xMy0zLjQ2LDE5LjktMy44MVpNODYuNTcsMi4yNWMxLjk5LjAyLDMuOTctLjA1LDUuOTYuMDMsMS41LjEzLDIuOTctLjI5LDQuNDYtLjM2LTMuNDgtLjI0LTYuOTctLjAxLTEwLjQzLjMyWk0xMDYuMjEsMy42NmM0LjYxLjcsOS4xMiwxLjkxLDEzLjU4LDMuMjYtMy4yOC0xLjI5LTYuNjQtMi40LTEwLjA4LTMuMjEtMS4xNi0uMTEtMi4zNC0uMS0zLjUtLjA1Wk02Ni40Niw3LjM2Yy0xMC40OCwzLjk4LTIwLjE3LDkuODItMjkuMDQsMTYuNjQtOC4yMiw2LjMzLTE1Ljc2LDEzLjUtMjIuOCwyMS4xMi0uMjYuMjgtLjQ2LjYxLS42NS45NC00LjMzLDcuMjgtNy4zOSwxNS4zNy04LjYsMjMuNzYsMy41NC04LjQxLDguMzYtMTYuMjUsMTQuMDItMjMuNCw1LjktNy40OCwxMi43LTE0LjI0LDIwLjE3LTIwLjE1LDEyLjY2LTEwLDI3LjI5LTE3LjU5LDQyLjkyLTIxLjctNS40MS40NS0xMC43OCwxLjM2LTE2LjAxLDIuOFpNOTQuNDQsNC41MWMtMTAuOCwxLjU2LTIxLjI3LDUuMDMtMzEuMDksOS43NS43LS4xOCwxLjM4LS40MiwyLjA3LS42MSw3LjAzLTIuMDgsMTQuMzEtMy4zLDIxLjYzLTMuNywxMi4yOS0uNjUsMjQuNzguOTUsMzYuMzIsNS4zMiw4LjQ5LDMuMjIsMTYuNDQsNy45MSwyMy4yNiwxMy45Miw1LjEsNC40OSw5LjU3LDkuNzMsMTMuMTIsMTUuNTMsMi43NCw0LjQ4LDQuOTUsOS4yOCw2LjYxLDE0LjI3LDQuMDEsMTIuMDMsNC42MywyNS4xMiwyLjExLDM3LjUzLTIuMjYsMTEuMjYtNy4wNywyMS45OC0xMy45MywzMS4xOC01LjQ4LDcuMzctMTIuMjgsMTMuNzYtMTkuOTYsMTguOCwxLjI3LS4zMywyLjU0LS42OSwzLjgtMS4wOC41Ni0uMTYuOTktLjU4LDEuNDYtLjksMTEuMjEtOC4yMiwyMC40OC0xOS4xMywyNi40OS0zMS42OCw0LjcyLTkuODIsNy4zNy0yMC42Nyw3LjM2LTMxLjU5LjA2LTEyLjA1LTIuODItMjQuMTQtOC40Ny0zNC44LTEuMy0yLjItMi43Mi00LjM0LTQuMjItNi40MS00LjA1LTUuNTMtOC42Mi0xMC42OC0xMy42NS0xNS4zMy0xLjE0LTEuMDMtMi4yNC0yLjEtMy40OS0yLjk4LTEzLjk2LTEwLjMyLTMxLjAyLTE2LjItNDguMy0xNy4yOS0uMzctLjAzLS43NC4wMi0xLjExLjA4Wk0xMTkuMjUsNC41OWM4LjE2LDMuMDksMTUuNzcsNy41NCwyMi42MywxMi45MSwxLjIuOTksMi41MSwxLjgyLDMuNzQsMi43NiwxMC4wMSw3LjUyLDE4LjM1LDE3LjM2LDIzLjcxLDI4LjcyLjYsMS4zNCwxLjMzLDIuNjEsMS45NSwzLjk0LDUuNzcsMTEuOTYsOC45NSwyNS4yNSw4LjYxLDM4LjU1LS4xNiw3LjI4LTEuNDMsMTQuNTItMy43MiwyMS40MywzLjUtNy4yNiw1LjYyLTE1LjE3LDYuNDUtMjMuMTksMS43NS0xNy42Ny0yLjU5LTM1Ljg4LTEyLjEtNTAuODctNi4zMi05Ljk5LTE0Ljk3LTE4LjQ5LTI1LjA3LTI0LjYyLTcuOTktNC44Ny0xNi45My04LjIzLTI2LjE5LTkuNjRaTTUzLjE2LDIwLjk2Yy05LjI3LDQuNTctMTcuNjgsMTEuMDEtMjQuMTgsMTkuMDYtMy42OSw0LjU3LTYuNzcsOS42My05LjIyLDE0Ljk2LTYuNDYsMTQuMDQtOC4yOSwzMC4xOC00Ljk3LDQ1LjI4LDIuNzYsMTIuNzYsOS4xMiwyNC42OSwxNy45OSwzNC4yNiwxMy4yOCwxMS4zOCwyOS42NSwxOC45OCw0Ni43OCwyMi4zMSwxLjU0LjI4LDMuMDcuNjEsNC42Mi43OCwxMS41NC4yMiwyMy4xNy0xLjU1LDMzLjk2LTUuNzEtMS4xMy4wNC0yLjI3LjA5LTMuNC4wNi0uODUtLjAxLTEuNTQtLjg2LTEuMzgtMS42OS4wOC0uOC44Ny0xLjMzLDEuNjQtMS4yOSwzLjQyLS4wMiw2Ljg0LS4yNCwxMC4yMy0uNjguNDYtLjA3Ljk0LS4wNiwxLjM3LS4yNyw5LjQ4LTUuMTIsMTcuOTEtMTIuMiwyNC41NC0yMC43LDYuNzEtOC41OCwxMS42MS0xOC42LDE0LjE2LTI5LjIsMi43Mi0xMS4yMSwyLjc3LTIzLjEtLjE2LTM0LjI4LTIuNjYtMTAuMjktNy45LTE5Ljg4LTE1LjA2LTI3LjczLTUuOTMtNi41Ni0xMy4xOS0xMS44OC0yMS4xNC0xNS43NS0xMC42OC01LjIxLTIyLjUzLTcuODUtMzQuMzgtOC4xNy0xNC4yMy0uMzktMjguNjEsMi40Ni00MS40LDguNzdaTTE5LjM1LDM4LjI1YzEuOC0xLjc4LDMuNTktMy41Nyw1LjQzLTUuMyw3LjU5LTcuMTYsMTUuOC0xMy42OSwyNC43LTE5LjE1LTExLjY3LDUuODEtMjIuMDgsMTQuMTgtMzAuMTMsMjQuNDVaTTQuODEsNzkuODJjLS4wOS4zMi0uMTguNjUtLjE3LDEsLjEzLDQuNjYuNzgsOS4zMSwxLjk0LDEzLjgzLDIuMzgsOS4zNSw2Ljk5LDE4LjAxLDEyLjc3LDI1LjctLjcxLTEuNDMtMS40NC0yLjg1LTIuMDgtNC4zMi01LjUzLTEyLjM3LTcuNjMtMjYuMjQtNi4wNi0zOS42OS45My04LjE2LDMuMjMtMTYuMTUsNi43Ni0yMy41Ni01Ljc1LDguMjUtMTAuNDgsMTcuMzItMTMuMTcsMjcuMDVaTTE3NS4zNCw5MS41Yy0xLjUxLDEwLjM1LTUuMTUsMjAuMzctMTAuNTIsMjkuMzQtNC44LDguMDMtMTAuOTQsMTUuMjQtMTguMDQsMjEuMzMsNi4yNS0yLjg5LDEyLjA1LTYuNzgsMTYuOTYtMTEuNjIuNjYtLjY4LDEuMzctMS4zMiwxLjk1LTIuMDgsMy4wMS00LjM4LDUuNDUtOS4xNSw3LjI4LTE0LjE0LDQuNTItMTIuMzMsNS4zNC0yNS44OCwzLjA0LTM4Ljc3LjMzLDUuMzIuMSwxMC42Ny0uNjcsMTUuOTVaTTIuOTIsOTkuNDJjLjQ3LDUuMDEsMS44Miw5LjkzLDMuOTIsMTQuNTEsMy45NCw4Ljc3LDEwLjE0LDE2LjQsMTcuNDksMjIuNTQsNi44OCw1Ljc1LDE0Ljc0LDEwLjI4LDIzLjAzLDEzLjY0LTYuNDYtNC4wOC0xMi4zOS05LjAyLTE3LjUyLTE0LjY5LTUuNjMtNS0xMC43My0xMC42My0xNC45Ni0xNi44Ni01Ljk2LTguNzMtMTAuMTgtMTguNjktMTEuOS0yOS4xNC0uMzUsMy4zMi0uMzksNi42OC0uMDcsMTBaTTEzOC41MSwxNDguNTdjLS40LjExLS43NC4zNi0xLjA5LjU5LTMuODIsMi41MS03Ljg1LDQuNy0xMiw2LjYyLDkuMzctMi40NiwxOC4zNC02LjYyLDI2LjA1LTEyLjUtNC4xNCwyLjE3LTguNDgsMy45Ni0xMi45Nyw1LjNaTTEyNi44MiwxNTEuMTJjLS41Ni4wNi0xLjAzLjQtMS41NC42Mi03LjAzLDMuMzYtMTQuNTIsNS43NS0yMi4xOCw3LjEyLDEuOTMtLjAyLDMuODYtLjEsNS43Ny0uMjksNy41MS0xLjYyLDE0Ljc4LTQuMzQsMjEuNTItOC4wMi0xLjE5LjIxLTIuMzguNDItMy41OC41N1pNNTguNjMsMTUzLjI1YzEuNjcuNzEsMy4yOSwxLjYyLDUuMDksMS45My0xLjcxLS42Mi0zLjQtMS4yNy01LjA5LTEuOTNaIi8+PC9zdmc+");
	left: -2.777777777777778%;
	right: -1.666666666666667%;
	top: -4.375%;
	bottom: -4.375%;
}

#options ul li:nth-child(2n+2) a:after {
	--mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzggMTQ5LjYzIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNNzQuMDEsMS4zNWMxMy41My0yLjQ1LDI3LjU1LTIuNDIsNDEuMDEuNDYsMTAuNzIsMi4yOSwyMS4wOCw2LjM2LDMwLjMzLDEyLjI2LDkuOTEsNi4zLDE4LjUzLDE0Ljc3LDI0LjQ2LDI0Ljk0LDUuNzIsOS43Miw4Ljc4LDIwLjk4LDguNjksMzIuMjctLjAzLDExLjUxLTMuMjEsMjIuOTUtOC44OCwzMi45NS01LjE1LDkuMTMtMTIuMjQsMTcuMS0yMC40MiwyMy42NC03Ljg5LDYuMzEtMTYuODEsMTEuMzItMjYuMjIsMTQuOTctMTEuNyw0LjU0LTI0LjIsNi45Ny0zNi43NSw3LjJoLTIuNjVjLTE1LjM2LS4xMi0zMC43Ni0zLjY1LTQ0LjM5LTEwLjgtOC4wNC00LjIyLTE1LjQ1LTkuNy0yMS42NS0xNi4zNS03LjAyLTcuNDktMTIuNDQtMTYuNTMtMTUuNC0yNi4zNy0xLjgyLTYuMDMtMi43MS0xMi4zMy0yLjYzLTE4LjYzLjA5LTkuMDksMi4yMi0xOC4xMiw1Ljk1LTI2LjM5LDQuMjEtOS40MywxMC40NS0xNy44OSwxNy45LTI1LjAxLDcuMTgtNi44NCwxNS40OS0xMi40NywyNC40My0xNi43Myw4LjMxLTMuOTcsMTcuMTctNi43NywyNi4yMi04LjQyWiIvPjwvc3ZnPg==");
}

#options ul li a img {
	display: block;
	height: 1.766666666666667em;
	margin: 0 auto 0.3333333333333333em;
}

#options ul li a:hover {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

#options ul li a:hover:before {
	-webkit-transform: rotate(-20deg);
	    -ms-transform: rotate(-20deg);
	        transform: rotate(-20deg);
}

#options ul li a:hover:after {
	-webkit-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	        transform: rotate(-10deg);
}

.paintPanel {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform 1s, -webkit-filter 1s;
	transition: -webkit-transform 1s, -webkit-filter 1s;
	transition: transform 1s, filter 1s;
	transition: transform 1s, filter 1s, -webkit-transform 1s, -webkit-filter 1s;
	margin-bottom: 75px;
}

.paintPanel img {
	display: block;
	width: 100%;
}

.paintPanel:hover {
	-webkit-transform: scale(1.02);
	    -ms-transform: scale(1.02);
	        transform: scale(1.02);
	-webkit-filter: drop-shadow(0 5px 3px rgba(0,0,0,0.4));
	        filter: drop-shadow(0 5px 3px rgba(0,0,0,0.4));
}

/* Welcome */

#welcome {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
}

#welcome .left {
	width: 567px;
	padding-top: 30px;
}

#welcome .left .leaves {
	position: absolute;
	left: -430px;
	top: -130px;
	width: 487px;
	pointer-events: none;
	z-index: -1;
}

#welcome .right {
	width: 460px;
	margin-left: auto
}

#welcome .right .facebook {
    background: #fff;
    max-width: 500px;
    width: 100%;
    min-height: 490px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}
#welcome .right .facebook iframe {
    width: 100%;
    border: none;
    border-radius: 16px;
}

#welcome .right .smallSteps {
	position: relative;
	font-family: 'Patrick Hand', cursive;
	font-size: 35px;
	color: #374d1f;
	text-align: center;
	margin: 1.857142857142857em 0;
	-webkit-transform: rotate(12deg);
	    -ms-transform: rotate(12deg);
	        transform: rotate(12deg);
}

#welcome .right .smallSteps:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.5714285714285714em;
	width: 8em;
	height: 0.2571428571428571em;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	background: url(../images/line.svg) no-repeat;
	background-size: 100% 100%;
	z-index: -1;
	opacity: 0.33;
}

#welcome .right .smallSteps:after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 0.8571428571428571em;
	vertical-align: middle;
	margin-left: 0.2857142857142857em;
	background: url(../images/heart-ico.svg) no-repeat;
	background-size: 100% 100%;
		-webkit-animation: heartBeat 2s ease-in-out infinite;
	        animation: heartBeat 2s ease-in-out infinite;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


/* Contact */

#contact {
	position: relative;
	background: #dbe1ca;
	padding: 25px 110px 35px;
	--mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDYyIiBoZWlnaHQ9IjI0OS42MyIgdmlld0JveD0iMCAwIDEwNjIgMjQ5LjYzIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNNjUyLjkyLjAzYzc1Ljg1LS4zMywxNTEuODYsMS45NSwyMjcuMjMsMTAuOTcsNDYuMTQsNS42LDkyLjA1LDEzLjg1LDEzNi43MiwyNi43OSwxMC4xOSwyLjkxLDIwLjUxLDYuMDYsMjkuNDUsMTEuOTEsNS43NywzLjc3LDEwLjg2LDguOTQsMTMuNCwxNS40NiwzLjA0LDcuNjEsMi41NSwxNi4wNiwxLjMyLDI0LTEuOTksMTIuMjUtNS41MywyNC4yMy02LjksMzYuNTktMS4xMyw5LjYtLjkzLDE5LjQ2LDEuNDgsMjguODcsMS4zOSw2LjE3LDQuNzEsMTEuODIsNS4xOCwxOC4yMSwxLjMsMTEuMzMtMy44OSwyMi4zOC0xMS4zNCwzMC42NC04Ljk0LDEwLjAxLTIwLjU0LDE3LjItMzIuNTUsMjIuOTItMjIuNjIsMTAuNTctNDcuMjQsMTYuMjEtNzEuOSwxOS41LTM0LjgxLDQuNDQtNzAuMDEsNC4xOC0xMDUuMDIsMi45Ni03Ni45OS0zLjA1LTE1My42MS0xMS45NS0yMzAuNTctMTUuNTQtMjguNzQtMS4zNS01Ny41Mi0xLjkxLTg2LjI4LS44Mi0xMTAuMSwzLjk4LTIyMCwxMy4yNS0zMzAuMiwxNC4yMi0zNi4xNS4xNy03Mi40LS4yNy0xMDguMzUtNC40LTE1LjY5LTEuOTItMzEuNDItNC40OS00Ni4zOS05LjcyLTEyLjQ2LTQuNDQtMjUuMDktMTEuMTUtMzIuMTMtMjIuODEtNi44My0xMS4yNS02Ljc1LTI1LjA1LTUuMjMtMzcuNjksMy4wMy0yNCwxMC4wMS00Ny45OCw2LjgxLTcyLjM2LTEuODEtMTEuNy00LjEyLTIzLjgzLTEuMTYtMzUuNTUsMS44Mi03LjQ1LDYuNTYtMTQuMDEsMTIuNzctMTguNDMsOC44NC02LjM4LDE5LjQxLTkuNzEsMjkuODYtMTIuNCwxOC43OS00LjYsMzguMDUtNi44MSw1Ny4yNy04Ljc3LDM4LjEyLTMuNjQsNzYuMzktNS41MSwxMTQuNjMtNy40Myw3OS4xMi0zLjczLDE1OC4yOC02LjkxLDIzNy40LTEwLjc5QzUyMy4xOSwzLjAyLDU4OC4wNC4zMiw2NTIuOTIuMDNaIiBmaWxsPSIjMjMxZjIwIi8+PC9zdmc+");
	-webkit-mask-image: var(--mask);
	mask-image: var(--mask);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

#contact .leaves {
	position: absolute;
	left: -160px;
	top: -52px;
	width: 400px;
	z-index: -1;
}

#contact .title {
	text-align: center;
	color: #374d1f;
	font-family: 'Patrick Hand', cursive;
	font-size: 40px;
}

#contact .fields {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#contact .fields .left {
	width: 447px;
	padding-right: 18px;
}

#contact .fields .right {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

#contact .fields .field {
	margin-bottom: 12px;
}

#contact .fields .field label.error {
	display: block;
	font-size: 15px;
	color: #f00;
	padding-top: 3px;
}

#contact .fields .field .textbox {
	display: block;
	margin: 0;
	padding: 8px 18px;
	height: 30px;
	border: 0;
	border-radius: 15px;
	width: 100%;
	color: #6b6a69;
	font-family: Arial, sans-serif;
	font-size: 15px;
	background: #fff;
	outline-color: #374d1f;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
}

#contact .fields .field textarea.textbox {
	height: 73px;
	resize: none;
	overflow: auto;
}

#contact .fields .submitBtn {
	margin: 0;
}


/* Underlined */

.underlined {
	display: inline-block;
	position: relative;
}

.underlined svg {
	position: absolute;
	left: 0;
	bottom: -33px;
	pointer-events: none;
	-webkit-transition: 0.5s;
	transition: 0.5s; 
}

.underlined path {
	-webkit-transition: stroke-dasharray 1.5s, stroke-dashoffset 1.5s, opacity 1.5s;
	transition: stroke-dasharray 1.5s, stroke-dashoffset 1.5s, opacity 1.5s; 
}
  
.underlined path:last-child {
	opacity: 0.2; 
}

.underlined.start> svg {
	opacity: 1; 
}

.underlined.start> svg path {
	stroke-dashoffset: 0; 
}


/* Animations */

/* Splash Animation */

.splashAnim.go {
	-webkit-animation: splashAnim 2s 0.2s forwards, rotateAnim 2s 0.1s forwards infinite alternate;
	        animation: splashAnim 2s 0.2s forwards, rotateAnim 2s 0.1s forwards infinite alternate;
}

@-webkit-keyframes rotateAnim {
	to {
        -webkit-transform: rotate(8deg);
                transform: rotate(8deg);
	}
}

@keyframes rotateAnim {
	to {
        -webkit-transform: rotate(8deg);
                transform: rotate(8deg);
	}
}

@-webkit-keyframes splashAnim { 
    0% { 
        -webkit-transform: scale(0.2); 
                transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.3); 
                transform: scale(1.3); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
                transform: scale(1); 
        opacity:1;
    } 
}

@keyframes splashAnim { 
    0% { 
        -webkit-transform: scale(0.2); 
                transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.3); 
                transform: scale(1.3); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
                transform: scale(1); 
        opacity:1;
    } 
} 

.splashAnim { 
    opacity:0;
}

.splashAnim.go{
    -webkit-animation: splashAnim 2s 0.2s forwards, rotateAnim 2s 0.1s forwards infinite alternate;
            animation: splashAnim 2s 0.2s forwards, rotateAnim 2s 0.1s forwards infinite alternate; 
}

@-webkit-keyframes curvesAnim {
	from {
		height: 10px;
	}
}

@keyframes curvesAnim {
	from {
		height: 10px;
	}
}

@-webkit-keyframes zoomAnimation {
	to {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
	}
}

@keyframes zoomAnimation {
	to {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
	}
}

/* Miscelleneous */

p {
	margin: 0 0 26px;
}

ul,ol {
	margin-bottom: 20px;
	padding: 0 0 0 20px;
}

h1,h2,h3,h4,h5,h6,.heading {
	margin: 0 0 23px;
	padding: 0;
	font-family: 'Patrick Hand', cursive;
	font-weight: normal;
	line-height: 1.2;
	color: #364c1f;
}

.heading {
	position: relative;
	font-size: 45px;
	padding-left: 2em;
}

.heading:before {
	content: "";
	position: absolute;
	left: -0.6666666666666667em;
	top: -0.2666666666666667em;
	width: 2.155555555555556em;
	height: 1.933333333333333em;
	background: url(../images/leaves03.svg) no-repeat;
	background-size: 100% 100%;
}

a,
a:hover,
a:active,
a:focus {
	text-decoration: none;
	outline: none;
	color: #e37211;
}

.linkBtn {
	position: relative;
	display: table;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #fff !important;
	background: #7b895a;
	margin: 20px 0;
	padding: 4px 27px;
	text-align: center;
	min-width: 138px;
	border: 2px solid #7b895a;
	border-radius: 30px;
	line-height: 1.2;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.linkBtn:hover {
    background-color: #6b7a4c;
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-box-shadow: 0 8px 20px rgba(123, 134, 90, 0.6);
            box-shadow: 0 8px 20px rgba(123, 134, 90, 0.6);
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

.clear {
	clear: both;
}

.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

.clearfix { 
  display: inline-block;  
}

* html .clearfix{  
  height: 1%;  
}

.clearfix {  
  display: block;  
}

::-webkit-input-placeholder {
	opacity: 1;
	color: inherit;
}

:-moz-placeholder {
	opacity: 1;
	color: inherit;
}

::-moz-placeholder {
	opacity: 1;
	color: inherit;
}

:-ms-input-placeholder {  
	opacity: 1;
	color: inherit;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;	
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
    border-radius: 0;
}

/* =========================================================
    Scribble Buttons - reusable version of the #options buttons
    No icons, no <ul> needed. Keeps the scribble-ring wobble,
    hover grow/tilt and works with the animate-it entrance classes.
    ========================================================= */

:root {
	--scribble-ring-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgMTcwLjUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik04OC44OSwwaDMuNDhjMTMuNTIuMjQsMjcuMDMsMi43MSwzOS42OCw3LjUyLDguOTUsMy40MSwxNy40Nyw4LjAyLDI1LjAyLDEzLjkzLDguNTcsNi42OSwxNS44MywxNS4xNCwyMC42NiwyNC45MSwxLjM0LDIuNjgsMi40OCw1LjQ3LDMuNDcsOC4zLjQxLjguOTQsMS41MywxLjM4LDIuMzIsNS45OCwxMC4wOCw5LjQzLDIxLjcxLDkuNDEsMzMuNDZ2LjA3Yy0uMDYsMi44NS0uMTksNS43LS42Miw4LjUyLS43NCw1LjE4LTIuMTcsMTAuMjUtNC4yLDE1LjA3LTMuNjksOC43OS04LjksMTYuOTEtMTUuMTcsMjQuMDgtMTIuMzUsMTQuMTEtMjguODksMjQuNjMtNDcuMSwyOS4yNy03LjMxLDEuOS0xNC44NCwyLjg0LTIyLjM4LDMuMDRoLTQuMTZjLTQuMTUtLjEzLTguMy0uNDItMTIuNDEtMS4wMS0xMS44MS0xLjY0LTIzLjMxLTUuMzgtMzMuOTQtMTAuNzUtMS0uNDctMS45My0xLjA4LTIuOTgtMS40Ni0xMi4wNC00LjgyLTIzLjMxLTExLjY2LTMyLjkzLTIwLjM3LS42MS0uNDIuMjktMS4yNC43My0uNyw3LjI4LDYuNDIsMTUuNDIsMTEuODcsMjQuMTUsMTYuMS02LjM3LTQuMjgtMTIuMzEtOS4yMi0xNy41NC0xNC44NS02LjM0LTYuODEtMTEuNjMtMTQuNjEtMTUuNDYtMjMuMDktMS4wMy0yLjIzLTEuODctNC41NC0yLjgzLTYuOC0xLjI1LTMuMTMtMi4zLTYuMzQtMy4xMi05LjYxQy43MSw5Mi41LS4wOCw4Ni44NywwLDgxLjI0Yy0uMTEtNy45NywxLjQ4LTE1LjkyLDQuMzEtMjMuMzYsMy41Mi0xMS45MSw5Ljc2LTIzLjA3LDE4LjQ3LTMxLjk3LDMuNzctMy44OCw4LTcuMywxMi41Mi0xMC4yNyw5LjM0LTYuMTYsMTkuODctMTAuNDIsMzAuNzYtMTIuOTIsNy40OC0xLjczLDE1LjE2LTIuNTksMjIuODMtMi43M1pNNjIuOTQsNS43N2MtMTAuMTQsMi43LTE5LjkxLDYuOTgtMjguNSwxMy4wMy04LjM2LDUuODYtMTUuNTYsMTMuNDYtMjAuNjcsMjIuMzIsNS44NS03LjU3LDEzLjE1LTEzLjk3LDIxLjMtMTguOTYsOS40OC01LjgzLDIwLjA4LTkuNzMsMzAuOTctMTEuOTMsMjAuMzktNC4xLDQxLjg1LTIuMyw2MS40NCw0LjU5LDkuMjQsMy4yNSwxOC4xMyw3LjU0LDI2LjMzLDEyLjkyLDguMzQsNS40NiwxNS45NSwxMi4wOSwyMi4yNSwxOS44Mi0yLjIxLTQuNTgtNS04Ljg4LTguMjQtMTIuODEtNy42Ni05LjIyLTE3LjUxLTE2LjUtMjguMjUtMjEuNzYtMTAuMzktNS4wOS0yMS42NC04LjM0LTMzLjEtOS44NS0xNC41LTEuOTEtMjkuMzktMS4xMy00My41NCwyLjYxWk04NS40NCwxMC4yMmMtMTAuNTYuMTktMjEuMTIsMS45NS0zMS4xLDUuNDItMTEuMDksMy44My0yMS41NCw5LjcxLTMwLjI0LDE3LjYyLTguMDksNy4zNS0xNC41OSwxNi41Ni0xOC4yMywyNi45LS41MywxLjM5LS44MSwyLjg2LTEuMTQsNC4zMS0yLjg3LDEzLjMzLTIuMzYsMjcuNDQsMS44NCw0MC40NCwyLjg5LDcuOTcsNy40MiwxNS4zMSwxMy4wMiwyMS42NSw2LjQsNy4yNywxNC4xNywxMy4zMSwyMi43LDE3Ljg3LDEyLjUsNi42OSwyNi4zNywxMC41MSw0MC4zOSwxMi4yNyw3LjA0Ljg2LDE0LjEzLDEuMjgsMjEuMjIsMS4zMywzLjQ0LDAsNi45LjA0LDEwLjMzLS4zNiwzLjg4LS40LDcuNzMtMS4wOCwxMS42MS0xLjUyLDMuMjQtLjQsNi40OS0uNzMsOS43Mi0xLjE2LDguOC0zLjk3LDE2LjkyLTkuNDksMjMuNzgtMTYuMjksNy4yOS03LjIxLDEzLjEzLTE1Ljg4LDE3LjEzLTI1LjMyLDUuMDUtMTEuODYsNy4xNi0yNC44OSw2LjU1LTM3Ljc0LS4zMy02LjYxLTEuNDUtMTMuMTktMy41LTE5LjQ5LS4xLS4zMy0uMzItLjYxLS41MS0uODktNC4yLTYuMy05LjMxLTExLjk3LTE0Ljk5LTE2Ljk2LTEwLjk4LTkuNjMtMjQtMTYuOC0zNy43OC0yMS41My0xMy4wOS00LjQ4LTI2Ljk1LTYuODEtNDAuNzktNi41NFpNMTgzLjU2LDYzLjE2YzIuMiwxMC41NSwyLjIsMjEuNTIuMjcsMzIuMTEtMS4wNCw1LjcyLTIuNjEsMTEuMzUtNC43NCwxNi43Ni0zLjgxLDkuNjQtOS41MSwxOC41Mi0xNi42NywyNi4wMS02LjM4LDYuNy0xMy45MywxMi4yOC0yMi4xNywxNi41LjMyLjIxLjY0LjUuNjguOTEuMDkuNDMtLjI0Ljg3LS42OC45MS0xLjQ4LjIyLTIuOTYuMzktNC40NC42LS40Mi4wNi0uODYuMDYtMS4yNS4yNS02LjYzLDIuODgtMTMuNTgsNS4wMS0yMC42Nyw2LjQyLTE0LjEzLDIuOC0yOC44LDIuNzEtNDIuOTQuMDMtMS4yNi0uMjItMi41MS0uNTUtMy43OC0uNzMuNjkuMTksMS4zNi40NCwyLjA0LjY0LDEzLjc3LDQuMzYsMjguNDcsNiw0Mi44Myw0LjIxLDE2LjA2LTEuOTUsMzEuNTQtOC4zLDQ0LjQyLTE4LjA5LDguMTEtNi4xNSwxNS4yMi0xMy42LDIwLjkzLTIyLjAyLDUuODgtOC42OSwxMC4xNi0xOC41NiwxMS43OS0yOC45NSwxLjE0LTcuMjIuOTYtMTQuNjYtLjY0LTIxLjc5LTEuMDgtNC43Ny0yLjczLTkuNDMtNC45OS0xMy43N1pNMjAuNTUsMTMwLjhjOC44OCwxMS4yNCwyMC40NCwyMC4yNiwzMy4yOCwyNi41NywxLjA5LjUyLDIuMTYsMS4xMywzLjM1LDEuNDMsMTYuOTIsNS4zNiwzNS4wOSw2Ljc0LDUyLjYxLDMuOSw2LjI4LTEuMDIsMTIuNDktMi41NiwxOC40Ny00Ljc1LTQuNDUuNS04Ljg3LDEuMjItMTMuMzIsMS43Ni0zLjcyLjQ3LTcuNDYuNDEtMTEuMi40Mi02Ljg1LS4wNi0xMy42OS0uNDUtMjAuNS0xLjI2LTcuMTMtLjg2LTE0LjItMi4yNC0yMS4xMS00LjItNi43My0xLjkxLTEzLjMtNC40MS0xOS41MS03LjYyLTguMTUtNC4yMS0xNS42MS05Ljc1LTIyLjA3LTE2LjI2WiIvPjwvc3ZnPg==");
	--scribble-fill-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODEgMTYwLjY2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNODMuMzQuMDNjMTIuOTEtLjMzLDI1LjksMS43MywzOC4wNCw2LjE2LDE1LjM5LDUuNTgsMjkuNDYsMTQuOTYsNDAuMTUsMjcuNCw2Ljg0LDcuOTYsMTIuMjUsMTcuMTgsMTUuNTksMjcuMTQsMy43LDEwLjk4LDQuOCwyMi44NSwzLjA3LDM0LjMxLTEuNTQsMTAuMzYtNS40OCwyMC4zNS0xMS4zNywyOS4wMS01LjQsOC4wMS0xMi40LDE0Ljg5LTIwLjMyLDIwLjM5LTkuMzksNi41Mi0yMC4wOCwxMS4xLTMxLjIxLDEzLjY4LTEyLjcsMi45NS0yNS45OCwzLjI5LTM4Ljg0LDEuMTgtMTIuNjQtMi4wNi0yNC44OS02LjUxLTM1Ljg3LTEzLjEtNy42LTQuNTYtMTQuNi0xMC4xNS0yMC42NS0xNi42My03LjItNy43MS0xMy4wNS0xNi43Mi0xNi44OC0yNi41N0MuNTQsOTEuNDMtMS4wNyw3OC42OC43MSw2Ni4zNWMxLjU0LTEwLjcyLDUuNjItMjEuMDUsMTEuNzMtMjkuOTksNS44LTguNTYsMTMuNC0xNS44NywyMi4wMy0yMS41NSw4LjEtNS4zMywxNy4xLTkuMjQsMjYuNDgtMTEuNjdDNjguMjYsMS4yNCw3NS44LjIzLDgzLjM0LjAzWiIvPjwvc3ZnPg==");
	--scribble-ring-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODYgMTYzLjIzIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNOTAuNTMuMDdjMS44Mi0uMTEsMy42NC0uMDUsNS40Ni0uMDcsMy4zMy4wNSw2LjY1LjQsOS45My45NiwxLjAxLjE0LDIuMDEuNDcsMy4wNC40NSwxMS4xOS4yNSwyMi4zOSwyLjY5LDMyLjQ1LDcuNjUsNi45MSwzLjQzLDEzLjI2LDcuOTYsMTguODgsMTMuMjMsMTEuMzYsMTAuNjgsMTkuNTYsMjQuNjcsMjMuMywzOS44MSwxLjUyLDYuMTcsMi4zMSwxMi41MSwyLjQyLDE4Ljg2LDAsMy44LS4xMSw3LjYxLS42MSwxMS4zOS0xLjQsMTEuMzYtNS40MSwyMi40Ny0xMi4wOCwzMS44Mi0yLjM4LDMuMzYtNS4xLDYuNDctOC4xLDkuMjktLjU4LjU3LTEuMjUsMS4wNy0xLjc3LDEuNy02Ljg3LDguMDQtMTUuNjMsMTQuNDItMjUuMzQsMTguNTktOC4yMiwzLjUyLTE2Ljk4LDUuNzEtMjUuODQsNi43OC02LjMsMS42NS0xMi43OCwyLjY0LTE5LjI5LDIuNy05LjgyLjE1LTE5LjY1LTEuNjEtMjguODgtNC45NS0uNjItLjI1LTEuMjYtLjQzLTEuOTItLjU2LTYuODQtMS42LTEzLjUtMy45NC0xOS44Ni02LjkzLTcuNjYtMy42MS0xNC45MS04LjE1LTIxLjMtMTMuNzItNi43NS01Ljg3LTEyLjU3LTEyLjk0LTE2LjM3LTIxLjA3QzEuNTEsMTA5LjM1LS4xNywxMDIsLjAxLDk0LjY1Yy0uMDctNS4wNy43NC0xMC4xMiwyLjAyLTE1LjAxLjEtLjQxLjA3LS44NC4wNy0xLjI3LjAyLTguOTUsMS45OC0xNy44OCw1LjY3LTI2LjAzLS4yMS0uMTUtLjU2LS4yOC0uNDktLjYuNjgtMS4wNywxLjc1LTEuODcsMi4yOC0zLjA0LDIuMTItNC4wMiw0LjY4LTcuNzksNy40Ny0xMS4zN0MyOS43NywyMS4wNSw0OC4xMiw5LjE5LDY4LjI5LDQuNmMuODEtLjE2LDEuNTYtLjQ3LDIuMzQtLjcyLDYuNDMtMi4xMSwxMy4xMy0zLjQ2LDE5LjktMy44MVpNODYuNTcsMi4yNWMxLjk5LjAyLDMuOTctLjA1LDUuOTYuMDMsMS41LjEzLDIuOTctLjI5LDQuNDYtLjM2LTMuNDgtLjI0LTYuOTctLjAxLTEwLjQzLjMyWk0xMDYuMjEsMy42NmM0LjYxLjcsOS4xMiwxLjkxLDEzLjU4LDMuMjYtMy4yOC0xLjI5LTYuNjQtMi40LTEwLjA4LTMuMjEtMS4xNi0uMTEtMi4zNC0uMS0zLjUtLjA1Wk02Ni40Niw3LjM2Yy0xMC40OCwzLjk4LTIwLjE3LDkuODItMjkuMDQsMTYuNjQtOC4yMiw2LjMzLTE1Ljc2LDEzLjUtMjIuOCwyMS4xMi0uMjYuMjgtLjQ2LjYxLS42NS45NC00LjMzLDcuMjgtNy4zOSwxNS4zNy04LjYsMjMuNzYsMy41NC04LjQxLDguMzYtMTYuMjUsMTQuMDItMjMuNCw1LjktNy40OCwxMi43LTE0LjI0LDIwLjE3LTIwLjE1LDEyLjY2LTEwLDI3LjI5LTE3LjU5LDQyLjkyLTIxLjctNS40MS40NS0xMC43OCwxLjM2LTE2LjAxLDIuOFpNOTQuNDQsNC41MWMtMTAuOCwxLjU2LTIxLjI3LDUuMDMtMzEuMDksOS43NS43LS4xOCwxLjM4LS40MiwyLjA3LS42MSw3LjAzLTIuMDgsMTQuMzEtMy4zLDIxLjYzLTMuNywxMi4yOS0uNjUsMjQuNzguOTUsMzYuMzIsNS4zMiw4LjQ5LDMuMjIsMTYuNDQsNy45MSwyMy4yNiwxMy45Miw1LjEsNC40OSw5LjU3LDkuNzMsMTMuMTIsMTUuNTMsMi43NCw0LjQ4LDQuOTUsOS4yOCw2LjYxLDE0LjI3LDQuMDEsMTIuMDMsNC42MywyNS4xMiwyLjExLDM3LjUzLTIuMjYsMTEuMjYtNy4wNywyMS45OC0xMy45MywzMS4xOC01LjQ4LDcuMzctMTIuMjgsMTMuNzYtMTkuOTYsMTguOCwxLjI3LS4zMywyLjU0LS42OSwzLjgtMS4wOC41Ni0uMTYuOTktLjU4LDEuNDYtLjksMTEuMjEtOC4yMiwyMC40OC0xOS4xMywyNi40OS0zMS42OCw0LjcyLTkuODIsNy4zNy0yMC42Nyw3LjM2LTMxLjU5LjA2LTEyLjA1LTIuODItMjQuMTQtOC40Ny0zNC44LTEuMy0yLjItMi43Mi00LjM0LTQuMjItNi40MS00LjA1LTUuNTMtOC42Mi0xMC42OC0xMy42NS0xNS4zMy0xLjE0LTEuMDMtMi4yNC0yLjEtMy40OS0yLjk4LTEzLjk2LTEwLjMyLTMxLjAyLTE2LjItNDguMy0xNy4yOS0uMzctLjAzLS43NC4wMi0xLjExLjA4Wk0xMTkuMjUsNC41OWM4LjE2LDMuMDksMTUuNzcsNy41NCwyMi42MywxMi45MSwxLjIuOTksMi41MSwxLjgyLDMuNzQsMi43NiwxMC4wMSw3LjUyLDE4LjM1LDE3LjM2LDIzLjcxLDI4LjcyLjYsMS4zNCwxLjMzLDIuNjEsMS45NSwzLjk0LDUuNzcsMTEuOTYsOC45NSwyNS4yNSw4LjYxLDM4LjU1LS4xNiw3LjI4LTEuNDMsMTQuNTItMy43MiwyMS40MywzLjUtNy4yNiw1LjYyLTE1LjE3LDYuNDUtMjMuMTksMS43NS0xNy42Ny0yLjU5LTM1Ljg4LTEyLjEtNTAuODctNi4zMi05Ljk5LTE0Ljk3LTE4LjQ5LTI1LjA3LTI0LjYyLTcuOTktNC44Ny0xNi45My04LjIzLTI2LjE5LTkuNjRaTTUzLjE2LDIwLjk2Yy05LjI3LDQuNTctMTcuNjgsMTEuMDEtMjQuMTgsMTkuMDYtMy42OSw0LjU3LTYuNzcsOS42My05LjIyLDE0Ljk2LTYuNDYsMTQuMDQtOC4yOSwzMC4xOC00Ljk3LDQ1LjI4LDIuNzYsMTIuNzYsOS4xMiwyNC42OSwxNy45OSwzNC4yNiwxMy4yOCwxMS4zOCwyOS42NSwxOC45OCw0Ni43OCwyMi4zMSwxLjU0LjI4LDMuMDcuNjEsNC42Mi43OCwxMS41NC4yMiwyMy4xNy0xLjU1LDMzLjk2LTUuNzEtMS4xMy4wNC0yLjI3LjA5LTMuNC4wNi0uODUtLjAxLTEuNTQtLjg2LTEuMzgtMS42OS4wOC0uOC44Ny0xLjMzLDEuNjQtMS4yOSwzLjQyLS4wMiw2Ljg0LS4yNCwxMC4yMy0uNjguNDYtLjA3Ljk0LS4wNiwxLjM3LS4yNyw5LjQ4LTUuMTIsMTcuOTEtMTIuMiwyNC41NC0yMC43LDYuNzEtOC41OCwxMS42MS0xOC42LDE0LjE2LTI5LjIsMi43Mi0xMS4yMSwyLjc3LTIzLjEtLjE2LTM0LjI4LTIuNjYtMTAuMjktNy45LTE5Ljg4LTE1LjA2LTI3LjczLTUuOTMtNi41Ni0xMy4xOS0xMS44OC0yMS4xNC0xNS43NS0xMC42OC01LjIxLTIyLjUzLTcuODUtMzQuMzgtOC4xNy0xNC4yMy0uMzktMjguNjEsMi40Ni00MS40LDguNzdaTTE5LjM1LDM4LjI1YzEuOC0xLjc4LDMuNTktMy41Nyw1LjQzLTUuMyw3LjU5LTcuMTYsMTUuOC0xMy42OSwyNC43LTE5LjE1LTExLjY3LDUuODEtMjIuMDgsMTQuMTgtMzAuMTMsMjQuNDVaTTQuODEsNzkuODJjLS4wOS4zMi0uMTguNjUtLjE3LDEsLjEzLDQuNjYuNzgsOS4zMSwxLjk0LDEzLjgzLDIuMzgsOS4zNSw2Ljk5LDE4LjAxLDEyLjc3LDI1LjctLjcxLTEuNDMtMS40NC0yLjg1LTIuMDgtNC4zMi01LjUzLTEyLjM3LTcuNjMtMjYuMjQtNi4wNi0zOS42OS45My04LjE2LDMuMjMtMTYuMTUsNi43Ni0yMy41Ni01Ljc1LDguMjUtMTAuNDgsMTcuMzItMTMuMTcsMjcuMDVaTTE3NS4zNCw5MS41Yy0xLjUxLDEwLjM1LTUuMTUsMjAuMzctMTAuNTIsMjkuMzQtNC44LDguMDMtMTAuOTQsMTUuMjQtMTguMDQsMjEuMzMsNi4yNS0yLjg5LDEyLjA1LTYuNzgsMTYuOTYtMTEuNjIuNjYtLjY4LDEuMzctMS4zMiwxLjk1LTIuMDgsMy4wMS00LjM4LDUuNDUtOS4xNSw3LjI4LTE0LjE0LDQuNTItMTIuMzMsNS4zNC0yNS44OCwzLjA0LTM4Ljc3LjMzLDUuMzIuMSwxMC42Ny0uNjcsMTUuOTVaTTIuOTIsOTkuNDJjLjQ3LDUuMDEsMS44Miw5LjkzLDMuOTIsMTQuNTEsMy45NCw4Ljc3LDEwLjE0LDE2LjQsMTcuNDksMjIuNTQsNi44OCw1Ljc1LDE0Ljc0LDEwLjI4LDIzLjAzLDEzLjY0LTYuNDYtNC4wOC0xMi4zOS05LjAyLTE3LjUyLTE0LjY5LTUuNjMtNS0xMC43My0xMC42My0xNC45Ni0xNi44Ni01Ljk2LTguNzMtMTAuMTgtMTguNjktMTEuOS0yOS4xNC0uMzUsMy4zMi0uMzksNi42OC0uMDcsMTBaTTEzOC41MSwxNDguNTdjLS40LjExLS43NC4zNi0xLjA5LjU5LTMuODIsMi41MS03Ljg1LDQuNy0xMiw2LjYyLDkuMzctMi40NiwxOC4zNC02LjYyLDI2LjA1LTEyLjUtNC4xNCwyLjE3LTguNDgsMy45Ni0xMi45Nyw1LjNaTTEyNi44MiwxNTEuMTJjLS41Ni4wNi0xLjAzLjQtMS41NC42Mi03LjAzLDMuMzYtMTQuNTIsNS43NS0yMi4xOCw3LjEyLDEuOTMtLjAyLDMuODYtLjEsNS43Ny0uMjksNy41MS0xLjYyLDE0Ljc4LTQuMzQsMjEuNTItOC4wMi0xLjE5LjIxLTIuMzguNDItMy41OC41N1pNNTguNjMsMTUzLjI1YzEuNjcuNzEsMy4yOSwxLjYyLDUuMDksMS45My0xLjcxLS42Mi0zLjQtMS4yNy01LjA5LTEuOTNaIi8+PC9zdmc+");
	--scribble-fill-2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzggMTQ5LjYzIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNNzQuMDEsMS4zNWMxMy41My0yLjQ1LDI3LjU1LTIuNDIsNDEuMDEuNDYsMTAuNzIsMi4yOSwyMS4wOCw2LjM2LDMwLjMzLDEyLjI2LDkuOTEsNi4zLDE4LjUzLDE0Ljc3LDI0LjQ2LDI0Ljk0LDUuNzIsOS43Miw4Ljc4LDIwLjk4LDguNjksMzIuMjctLjAzLDExLjUxLTMuMjEsMjIuOTUtOC44OCwzMi45NS01LjE1LDkuMTMtMTIuMjQsMTcuMS0yMC40MiwyMy42NC03Ljg5LDYuMzEtMTYuODEsMTEuMzItMjYuMjIsMTQuOTctMTEuNyw0LjU0LTI0LjIsNi45Ny0zNi43NSw3LjJoLTIuNjVjLTE1LjM2LS4xMi0zMC43Ni0zLjY1LTQ0LjM5LTEwLjgtOC4wNC00LjIyLTE1LjQ1LTkuNy0yMS42NS0xNi4zNS03LjAyLTcuNDktMTIuNDQtMTYuNTMtMTUuNC0yNi4zNy0xLjgyLTYuMDMtMi43MS0xMi4zMy0yLjYzLTE4LjYzLjA5LTkuMDksMi4yMi0xOC4xMiw1Ljk1LTI2LjM5LDQuMjEtOS40MywxMC40NS0xNy44OSwxNy45LTI1LjAxLDcuMTgtNi44NCwxNS40OS0xMi40NywyNC40My0xNi43Myw4LjMxLTMuOTcsMTcuMTctNi43NywyNi4yMi04LjQyWiIvPjwvc3ZnPg==");
}

/* Optional row wrapper - wraps nicely on smaller screens */
.scribbleBtns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 40px;
	margin: 0 0 50px;
}

/* The button */
.scribbleBtn {
	--color: #374d1f;                 /* default: dark green */
	position: relative;
	isolation: isolate;               /* keeps the blob behind the text but in front of section backgrounds */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-family: 'Patrick Hand', cursive;
	font-size: 26px;                  /* change this to resize the whole button */
	line-height: 1.05;
	text-align: center;
	color: #fff !important;
	width: 6em;
	height: 5.333333333333333em;
	padding: 0 0.6em 0.15em;
	text-decoration: none !important;
	vertical-align: middle;
	-webkit-transition: scale 0.6s, -webkit-filter 0.6s;
	transition: scale 0.6s, filter 0.6s;
}

.scribbleBtn:hover,
.scribbleBtn:focus-visible {
	color: #fff !important;
	scale: 1.05;                      /* uses "scale" not "transform" so it doesn't fight the entrance animation */
	-webkit-filter: drop-shadow(0 8px 1px rgba(0,0,0,0.1));
	        filter: drop-shadow(0 8px 1px rgba(0,0,0,0.1));
}

/* Scribble ring (wobbles continuously) */
.scribbleBtn:before {
	content: "";
	position: absolute;
	left: -3.333333333333333%;
	right: -3.333333333333333%;
	top: -2.5%;
	bottom: -2.5%;
	background-color: var(--color);
	-webkit-mask-image: var(--scribble-ring-1);
	        mask-image: var(--scribble-ring-1);
	-webkit-mask-size: 100% 100%;
	        mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-animation: scribbleRotate 1.2s 0.1s forwards infinite alternate;
	        animation: scribbleRotate 1.2s 0.1s forwards infinite alternate;
	pointer-events: none;
}

/* Solid blob fill */
.scribbleBtn:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-color: var(--color);
	-webkit-mask-image: var(--scribble-fill-1);
	        mask-image: var(--scribble-fill-1);
	-webkit-mask-size: 100% 100%;
	        mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-transition: -webkit-transform 1.2s;
	transition: transform 1.2s;
	pointer-events: none;
}

.scribbleBtn:hover:before {
	-webkit-transform: rotate(-20deg);
	        transform: rotate(-20deg);
}

.scribbleBtn:hover:after {
	-webkit-transform: rotate(-10deg);
	        transform: rotate(-10deg);
}

/* Alternate scribble shape (used on the 2nd & 4th homepage buttons) */
.scribbleBtn--shape2:before {
	-webkit-mask-image: var(--scribble-ring-2);
	        mask-image: var(--scribble-ring-2);
	left: -2.777777777777778%;
	right: -1.666666666666667%;
	top: -4.375%;
	bottom: -4.375%;
}

.scribbleBtn--shape2:after {
	-webkit-mask-image: var(--scribble-fill-2);
	        mask-image: var(--scribble-fill-2);
}

/* Colours */
.scribbleBtn--green  { --color: #374d1f; }
.scribbleBtn--yellow { --color: #e6be70; }
.scribbleBtn--orange { --color: #d57045; }
.scribbleBtn--sage   { --color: #7b895a; }

/* Sizes */
.scribbleBtn--small { font-size: 20px; }
.scribbleBtn--large { font-size: 32px; }

/* 6 across - buttons scale to fit the row width */
.scribbleBtns--six {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 2cqi;
	container-type: inline-size;
	justify-items: center;
}

.scribbleBtns--six .scribbleBtn {
	font-size: clamp(15px, 2.5cqi, 26px);
	width: 100%;
	max-width: 6em;
	height: auto;
	aspect-ratio: 6 / 5.333;
}


@-webkit-keyframes scribbleRotate {
	to { -webkit-transform: rotate(8deg); transform: rotate(8deg); }
}
@keyframes scribbleRotate {
	to { -webkit-transform: rotate(8deg); transform: rotate(8deg); }
}

@media (prefers-reduced-motion: reduce) {
	.scribbleBtn:before { -webkit-animation: none; animation: none; }
}