.elementor-1375 .elementor-element.elementor-element-70839fc > .elementor-container{min-height:500px;}.elementor-1375 .elementor-element.elementor-element-0fe4b8f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-0fe4b8f */svg {
	 z-index: 100;
}
 :root {
	 --padding: 5vmin;
	 --color-background: #fff7f0;
	 --font-size-large: 8vw;
	 --font-size-medium: 4vw;
	 --font-size-normal: 2vw;
}
 @media only screen and (min-width: 800px) {
	 :root {
		 --font-size-large: 64px;
		 --font-size-medium: 32px;
		 --font-size-normal: 16px;
	}
}
 @media only screen and (max-width: 500px) {
	 :root {
		 --font-size-large: 40px;
		 --font-size-medium: 20px;
		 --font-size-normal: 14px;
	}
}
 a {
	 color: white;
}
p{
  font-size:20px;  
}
 ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 li {
	 margin-top: 10px;
}
 html, body {
	 margin: 0;
	 min-height: 100%;
	 min-width: 100%;
	 background-color: var(--color-background);
	 font-weight: 400;
	 font-size: var(--font-size-normal);
	 overflow-x: hidden;
}
 canvas {
	 position: fixed;
	 z-index: 10;
	 top: 0;
	 left: 0;
	 z-index: 2;
	 pointer-events: none;
	 visibility: hidden;
	 opacity: 0;
}
 .solid {
	 clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
 .wireframe {
	 clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
 .content {
	 position: relative;
	 z-index: 1;
}
 .content .trigger {
	 position: absolute;
	 top: 0;
	 height: 100%;
}
 .content .section {
	 position: relative;
	 padding: var(--padding);
	 --pad2: calc(var(--padding) * 2);
	 width: calc(100vw - var(--pad2));
	 height: calc(100vh - var(--pad2));
	 margin: 0 auto;
	 z-index: 2;
	 display: flex;
    flex-flow: column;
    justify-content: center;
}
 .content .section.dark {
	 color: white;
	 background-color: black;
}
 .content .section.right {
	 text-align: right;
}
 .content .blueprint {
	 position: relative;
	 background-color: #131c2a;
	 background-image: linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
	 background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
	 background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
	 background-attachment: fixed;
}
 .content .blueprint svg {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100vw;
	 height: 100vh;
	 stroke: white;
	 pointer-events: none;
	 visibility: hidden;
}
 .content .blueprint .dark {
	 background-color: transparent;
}
 .content .ground-container {
	 position: relative;
	 overflow: hidden;
}
 .content .ground-container .parallax {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: -100px;
	 background-repeat: no-repeat;
	 background-position: top center;
	 background-size: cover;
	 transform-origin: top center;
}
 .content .ground-container .ground {
	 z-index: -1;
	 background-image: url("https://assets.codepen.io/557388/background-reduced.jpg");
}
 .content .ground-container .clouds {
	 z-index: 2;
	 background-image: url("https://assets.codepen.io/557388/clouds.png");
}
 .content .scroll-cta, .content .credits {
	 position: absolute;
	 bottom: var(--padding);
}
 .content .scroll-cta {
	 font-size: var(--font-size-medium);
	 opacity: 0;
}
 .content .sunset {
	 background: url("https://assets.codepen.io/557388/sunset-reduced.jpg") no-repeat top center;
	 background-size: cover;
	 transform-origin: top center;
}
 .content h1, .content h2 {
	 font-size: var(--font-size-large);
	 margin: 0vmin 0 2vmin 0;
	 font-weight: 600;
	 display: inline;
	 line-height: 40px;
}
 .content h3 {
	 font-size: var(--font-size-medium);
	 font-weight: 400;
	 margin: 0;
}
 .content .end h2 {
	 margin-bottom: 50vh;
}
 .content .loading {
	 position: fixed;
	 width: 100vw;
	 height: 100vh;
	 top: 0;
	 left: 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: var(--font-size-medium);
}/* End custom CSS */