.elementor-643 .elementor-element.elementor-element-747faf5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-643 .elementor-element.elementor-element-cedc61e{--display:flex;--padding-top:59px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-643 .elementor-element.elementor-element-5e9e42f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-643 .elementor-element.elementor-element-c5afb1a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-643 .elementor-element.elementor-element-77fb104{--e-image-carousel-slides-to-show:2;}.elementor-643 .elementor-element.elementor-element-a0e7780{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-643 .elementor-element.elementor-element-bd3186b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:44px;--padding-left:44px;--padding-right:44px;}.elementor-643 .elementor-element.elementor-element-bd3186b:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-bd3186b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(284deg, var( --e-global-color-d4098de ) 0%, var( --e-global-color-927b684 ) 100%);}.elementor-643 .elementor-element.elementor-element-467d8ba{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-643 .elementor-element.elementor-element-f1f6841{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-643 .elementor-element.elementor-element-ec5b16b{--display:flex;--border-radius:26px 26px 26px 26px;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-ec5b16b:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-ec5b16b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-0af5992 > .elementor-widget-container{margin:22px 22px 22px 22px;}.elementor-643 .elementor-element.elementor-element-0af5992 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:31px;font-weight:100;color:var( --e-global-color-927b684 );}.elementor-643 .elementor-element.elementor-element-91919b1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-8f9140f{font-family:"Public Sans", Sans-serif;font-size:15px;font-weight:500;text-decoration:none;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-f2efc9b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:44px;--padding-left:44px;--padding-right:44px;}.elementor-643 .elementor-element.elementor-element-f2efc9b:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-f2efc9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(284deg, var( --e-global-color-d4098de ) 0%, var( --e-global-color-927b684 ) 100%);}.elementor-643 .elementor-element.elementor-element-5c6c193{--display:flex;--min-height:0px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-643 .elementor-element.elementor-element-9767807 img{max-width:100%;}.elementor-643 .elementor-element.elementor-element-60675f5{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-643 .elementor-element.elementor-element-fd14841{--display:flex;--border-radius:26px 26px 26px 26px;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-fd14841:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-fd14841 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-3d3f774 > .elementor-widget-container{margin:22px 22px 22px 22px;}.elementor-643 .elementor-element.elementor-element-3d3f774 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:31px;font-weight:100;color:var( --e-global-color-927b684 );}.elementor-643 .elementor-element.elementor-element-c30cec0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-c120836{font-family:"Public Sans", Sans-serif;font-size:15px;font-weight:500;text-decoration:none;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-643 .elementor-element.elementor-element-9c61ed7 .elementor-button{background-color:var( --e-global-color-d4098de );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-9c61ed7 .elementor-button:hover, .elementor-643 .elementor-element.elementor-element-9c61ed7 .elementor-button:focus{background-color:var( --e-global-color-669e215 );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-9c61ed7 .elementor-button:hover svg, .elementor-643 .elementor-element.elementor-element-9c61ed7 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-2f4e60d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:44px;--padding-left:44px;--padding-right:44px;}.elementor-643 .elementor-element.elementor-element-2f4e60d:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-2f4e60d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(284deg, var( --e-global-color-d4098de ) 0%, var( --e-global-color-927b684 ) 100%);}.elementor-643 .elementor-element.elementor-element-db631d2{--display:flex;--min-height:0px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-single-image-accordion{min-height:460px;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-image-accordion-wraper{height:460px;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-single-image-accordion .elementskit-accordion-title-wraper{margin:0px 0px 20px 0px;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-image-accordion-wraper .elementskit-accordion-title-wraper .elementskit-accordion-title {color:#fff;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-image-accordion-wraper .elementskit-accordion-title-wraper .elementskit-accordion-title svg path{stroke:#fff;fill:#fff;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-single-image-accordion .elementskit-accordion-content{text-align:center;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-image-accordion-wraper .elementskit-single-image-accordion{align-items:center;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-accordion-content .elementskit-btn{padding:15px 20px 15px 20px;color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ffffff;border-radius:5px 5px 5px 5px;}.elementor-643 .elementor-element.elementor-element-44842b7 .elementskit-accordion-content .elementskit-btn:hover{color:#fff;}.elementor-643 .elementor-element.elementor-element-74feae4{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-643 .elementor-element.elementor-element-8f9544e{--display:flex;--border-radius:26px 26px 26px 26px;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-8f9544e:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-8f9544e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-cf7b7e6 > .elementor-widget-container{margin:22px 22px 22px 22px;}.elementor-643 .elementor-element.elementor-element-cf7b7e6 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:31px;font-weight:100;color:var( --e-global-color-927b684 );}.elementor-643 .elementor-element.elementor-element-35d76ce{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-472d5fd{font-family:"Public Sans", Sans-serif;font-size:15px;font-weight:500;text-decoration:none;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-b8ed388 .elementor-button{background-color:var( --e-global-color-d4098de );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-b8ed388 .elementor-button:hover, .elementor-643 .elementor-element.elementor-element-b8ed388 .elementor-button:focus{background-color:var( --e-global-color-669e215 );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-b8ed388 .elementor-button:hover svg, .elementor-643 .elementor-element.elementor-element-b8ed388 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-51ced31{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:44px;--padding-left:44px;--padding-right:44px;}.elementor-643 .elementor-element.elementor-element-51ced31:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-51ced31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(284deg, var( --e-global-color-d4098de ) 0%, var( --e-global-color-927b684 ) 100%);}.elementor-643 .elementor-element.elementor-element-eb1119e{--display:flex;--min-height:0px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-single-image-accordion{min-height:460px;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-image-accordion-wraper{height:460px;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-single-image-accordion .elementskit-accordion-title-wraper{margin:0px 0px 20px 0px;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-image-accordion-wraper .elementskit-accordion-title-wraper .elementskit-accordion-title {color:#fff;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-image-accordion-wraper .elementskit-accordion-title-wraper .elementskit-accordion-title svg path{stroke:#fff;fill:#fff;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-single-image-accordion .elementskit-accordion-content{text-align:center;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-image-accordion-wraper .elementskit-single-image-accordion{align-items:center;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-accordion-content .elementskit-btn{padding:15px 20px 15px 20px;color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ffffff;border-radius:5px 5px 5px 5px;}.elementor-643 .elementor-element.elementor-element-4504c1f .elementskit-accordion-content .elementskit-btn:hover{color:#fff;}.elementor-643 .elementor-element.elementor-element-0ec0c14{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-643 .elementor-element.elementor-element-089d328{--display:flex;--border-radius:26px 26px 26px 26px;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-089d328:not(.elementor-motion-effects-element-type-background), .elementor-643 .elementor-element.elementor-element-089d328 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-efb275d > .elementor-widget-container{margin:22px 22px 22px 22px;}.elementor-643 .elementor-element.elementor-element-efb275d .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:31px;font-weight:100;color:var( --e-global-color-927b684 );}.elementor-643 .elementor-element.elementor-element-956d96e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-643 .elementor-element.elementor-element-056114f{font-family:"Public Sans", Sans-serif;font-size:15px;font-weight:500;text-decoration:none;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-06ac072 .elementor-button{background-color:var( --e-global-color-d4098de );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-06ac072 .elementor-button:hover, .elementor-643 .elementor-element.elementor-element-06ac072 .elementor-button:focus{background-color:var( --e-global-color-669e215 );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-06ac072 .elementor-button:hover svg, .elementor-643 .elementor-element.elementor-element-06ac072 .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-643 .elementor-element.elementor-element-8f9140f{font-size:18px;line-height:1.5em;}.elementor-643 .elementor-element.elementor-element-c120836{font-size:18px;line-height:1.5em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-643 .elementor-element.elementor-element-472d5fd{font-size:18px;line-height:1.5em;}.elementor-643 .elementor-element.elementor-element-056114f{font-size:18px;line-height:1.5em;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-643 .elementor-element.elementor-element-8f9140f{font-size:16px;line-height:1.5em;}.elementor-643 .elementor-element.elementor-element-c120836{font-size:16px;line-height:1.5em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-643 .elementor-element.elementor-element-472d5fd{font-size:16px;line-height:1.5em;}.elementor-643 .elementor-element.elementor-element-056114f{font-size:16px;line-height:1.5em;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-643 .elementor-element.elementor-element-8f9140f{font-size:16px;line-height:1.5em;}.elementor-643 .elementor-element.elementor-element-c120836{font-size:16px;line-height:1.5em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-643 .elementor-element.elementor-element-472d5fd{font-size:16px;line-height:1.5em;}.elementor-643 .elementor-element.elementor-element-056114f{font-size:16px;line-height:1.5em;}}@media(min-width:768px){.elementor-643 .elementor-element.elementor-element-cedc61e{--content-width:1600px;}.elementor-643 .elementor-element.elementor-element-467d8ba{--width:41%;}.elementor-643 .elementor-element.elementor-element-f1f6841{--width:50%;}.elementor-643 .elementor-element.elementor-element-5c6c193{--width:41%;}.elementor-643 .elementor-element.elementor-element-60675f5{--width:50%;}.elementor-643 .elementor-element.elementor-element-db631d2{--width:41%;}.elementor-643 .elementor-element.elementor-element-74feae4{--width:50%;}.elementor-643 .elementor-element.elementor-element-eb1119e{--width:41%;}.elementor-643 .elementor-element.elementor-element-0ec0c14{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-b2e95f3 */body {
	background: #fff;
	font-family: "Comfortaa", sans-serif;
	position: relative;
}

footer {
	text-align: center;
	padding: 1em;
	max-width: 80px;
	position: fixed;
	top: 0;
	right: 25px;
	a {
		text-decoration: none;
		display: inline-block;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background: transparent;
		border: 1px dashed #fff;
		color: #fff;
		margin: 5px;
		&:hover {
			background: rgba(255, 255, 255, 0.1);
		}
		.icons {
			margin-top: 12px;
			display: inline-block;
			font-size: 20px;
		}
	}
}

* {
	box-sizing: border-box;
}

.main-content {
	text-align: center;
	text-transform: uppercase;
	scroll-snap-type: y mandatory;
	position: relative;
	height: 100vh;
	overflow-y: scroll;
}

.hover,
.word,
h1 {
	cursor: pointer;
}

h1 {
	position: relative;
	color: #fff;
	font: 900 60px Montserrat;
	text-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.concept {
	position: relative;
	padding: 5em;
	height: 100vh;
	overflow: hidden;
	scroll-snap-align: center;
	&:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: radial-gradient(rgba(0, 0, 0, 0.3), transparent);
		opacity: 0;
		transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	}
	&:hover:before {
		opacity: 0.5;
	}
}

.concept-one {
	display: grid;
	grid: repeat(3, 1fr)/ repeat(3, 1fr);
	background: yellow;
	padding: 8em;
	background: url("https://meowlivia.s3.us-east-2.amazonaws.com/codepen/background/desert.jpg")
		no-repeat center center / cover;
	h1 {
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top: 50%;
		margin-top: -30px;
		transition: 0.5s ease;
		z-index: 0;
		letter-spacing: 25px;
	}
	.hover {
		z-index: 1;
	}
	.hover-1:hover ~ h1 {
		left: 30px;
		margin-top: -10px;
	}
	.hover-2:hover ~ h1 {
		margin-top: -10px;
	}
	.hover-3:hover ~ h1 {
		right: 30px;
		margin-top: -10px;
	}
	.hover-4:hover ~ h1 {
		left: 30px;
	}
	.hover-6:hover ~ h1 {
		right: 30px;
	}
	.hover-7:hover ~ h1 {
		left: 30px;
		margin-top: -50px;
	}
	.hover-8:hover ~ h1 {
		margin-top: -50px;
	}
	.hover-9:hover ~ h1 {
		right: 30px;
		margin-top: -50px;
	}
}

.concept-two {
	display: grid;
	grid: 100% / repeat(6, 1fr);
	padding: 5em 15em;
	background: url(https://meowlivia.s3.us-east-2.amazonaws.com/codepen/background/forest.jpg)
		center center / cover;
	.hover {
		position: relative;
		display: grid;
		place-items: center;
	}
	h1 {
		color: transparent;
		text-align: 0 1px 1px;
		-webkit-text-stroke: 2px #fff;
		text-shadow: none;
		transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	.hover:hover h1 {
		transform: scale(1.5);
		color: #fff;
		-webkit-text-stroke: 2px transparent;
		text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	}
}

.concept-three {
	padding: 5em;
	.word {
		display: flex;
		align-items: center;
		max-width: 500px;
		margin: auto;
	}
	background: url(https://meowlivia.s3.us-east-2.amazonaws.com/codepen/background/canyon.jpg)
		center center / cover;
	.hover {
		flex: 1;
		display: grid;
		height: calc(100vh - 10em);
		grid: repeat(2, 2fr) / 100%;
		position: relative;
		div {
			position: relative;
			z-index: 5;
		}
		div:nth-child(1):hover ~ h1 {
			margin-top: -10px;
		}
		div:nth-child(2):hover ~ h1 {
			margin-top: -50px;
		}
	}
	h1 {
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top: 50%;
		margin-top: -30px;
		transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		z-index: 0;
	}
}

.concept-four {
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 2em;
	background: url(https://meowlivia.s3.us-east-2.amazonaws.com/codepen/background/glacier.jpg)
		no-repeat center center / cover;
	h1 {
		display: inline-block;
	}
	&:hover h1 {
		letter-spacing: 25px;
		transform: scale(1.3);
		transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
}

.concept-five {
	background: url(https://meowlivia.s3.us-east-2.amazonaws.com/codepen/background/mountains.jpg)
		center center / cover;
	display: flex;
	align-items: center;
	.word {
		width: 600px;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 80%;
		&:hover {
			.char:nth-child(even) {
				top: 20px;
			}
			.char:nth-child(odd) {
				top: -20px;
			}
		}
	}
	.char {
		flex: 1;
		position: relative;
		display: inline-block;
		top: 0;
		transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	}
}

.concept-six {
	display: flex;
	align-items: center;
	background: url(https://meowlivia.s3.us-east-2.amazonaws.com/codepen/background/beach.jpg) top
		right / cover;
	.word {
		width: 550px;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 80%;
		&:hover {
			.char:nth-child(1) {
				margin-top: -30px;
				transform: rotate(-20deg);
			}
			.char:nth-child(2) {
				margin: -40px 0px 0 10px;
				transform: rotate(5deg);
			}
			.char:nth-child(3) {
				margin: 15px 0 0 10px;
				transform: rotate(12deg);
			}
			.char:nth-child(4) {
				margin: -25px 0 0;
				transform: rotate(5deg);
			}
			.char:nth-child(5) {
				margin: -40px 5px 0;
				transform: rotate(-10deg);
			}
		}
	}
	.char {
		flex: 1;
		transition: 0.3s ease-in-out;
		position: relative;
	}
}

.concept-seven {
	background: url(https://meowlivia.s3.us-east-2.amazonaws.com/codepen/background/fries.jpg)
		top center / cover;
	display: flex;
	justify-content: center;
	align-items: center;
	h1 {
		letter-spacing: 35px;
		position: relative;
		&:before {
			content: "fries";
			position: absolute;
			margin: auto;
			left: 0;
			right: 0;
			max-width: 400px;
			color: transparent;
			letter-spacing: 10px;
			text-shadow: none;
		}
	}
	&:hover h1:before {
		transition: 0.6s ease;
		color: rgba(255, 255, 255, 0.8);
		animation: jump-out 0.6s ease forwards;
	}
}

@keyframes jump-out {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	20% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(2);
	}
}

.concept-eight {
	background: url(https://meowlivia.s3.us-east-2.amazonaws.com/codepen/background/falls.jpg)
		center center / cover;
	display: flex;
	align-items: center;
	justify-content: center;
	.word {
		display: flex;
		align-items: center;
		justify-items: center;
		width: 450px;
		height: 80%;
		&:hover .char:before {
			transition: 0.6s ease;
			color: rgba(255, 255, 255, 0.8);
			animation: falls 1s ease forwards;
		}
		&:hover .char:nth-child(1):before {
			animation: falls 0.9s ease 0.2s forwards;
		}
		&:hover .char:nth-child(2n + 3):before {
			animation: falls 1s ease 0.3s forwards;
		}
	}
	.char {
		flex: 1;
		position: relative;
		&:before {
			content: attr(data-content);
			position: absolute;
			top: 0;
			color: transparent;
			text-shadow: none;
		}
	}
}

@keyframes falls {
	0% {
		opacity: 0;
		top: 0;
	}
	20% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		top: 100px;
	}
}/* End custom CSS */