body {
 margin: 0;
 font-family: 'Prompt', sans-serif;
 color: white;
 background: #202731;
 overflow-x: hidden;
}

.navbar-nav .nav-link {
transition: font-size 0.4s ease, color 0.4s ease;
color: #fff;
padding: 0.75rem;
/* font-size: 1.25rem; */
}

.hero {
 height: 80vh;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 text-align: center;
}

.hero h1 {
 font-size: 10vw;
}
.hero p {
 font-size: 2.5vw;
}
h2 {
 font-size: 5rem;
}



.bgImg{
/* background-size: cover;
 background-image: url('./images/wave.jpg');
 background-size: 5% 10%;
 background-repeat: no-repeat;
 background-position: center; */
 height: auto;
width: 100%;
text-align: center;
padding-top: 100px;
color: white;

/* background: #C04848;   fallback for old browsers */
/* background: linear-gradient(rgb(72,0,72,0.8), rgb(192,72,72,0.8)), url("./images/wave.jpg");  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(rgb(72,0,72,0.8), rgb(192,72,72,0.8)), url("../images/wave.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-size: cover;
background-repeat: no-repeat;
} 

.contentText {
 font-size: 1.2rem;
}

.sectionSlider {
 width: 100%;
 height: 100vh;
 overflow-y: scroll;
 scroll-snap-type: y mandatory;

}

section {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 min-height: 100px;
 padding-top: 200px;
 scroll-snap-align: start;
}


.blue {
 background: #3c31dd;
}

.red {
 background: #dd3f31;
}

.pink {
 background: #ff0066;
 overflow: hidden;
}

.dark {
 /* background: #0f0f10; */
 background: #202731;
}

/* Bubble bg with plain CSS */

.bubble::after {
 content: '';
 border-top-left-radius: 50% 100%;
 border-top-right-radius: 50% 100%;
 position: absolute;
 bottom: 0;
 z-index: -1;
 width: 100%;
 background-color: #0f0f10;
 height: 85%;
}

/* Curved bg with SVG via https://www.shapedivider.app/ */

/* .wave {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   overflow: hidden;
   line-height: 0;
 }

 .wave svg {
   position: relative;
   display: block;
   width: calc(103% + 1.3px);
   height: 262px;
 }

 .wave .shape-fill {
   fill: hsl(240, 3%, 6%);
 }
*/
/* SVG background image via https://haikei.app/ */

.spacer {
 aspect-ratio: 960/300;
 width: 100%;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.spacerSmall {
 aspect-ratio: 960/50;
 width: 100%;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.layer1 {
 background-image: url('../svg/layer1.svg');
}

.layer2 {
 background-image: url('../svg/layer2.svg');
}

.layer3 {
 background-image: url('../svg/layer3.svg');
}

.flip {
 transform: rotate(180deg);
}

/* Blobs SVG background image via https://haikei.app/ */

.blob-motion {
 position: absolute;
 transform: translateY(-20%);
 z-index: 0;
}

.blob-content {
 z-index: 1;
}

.blobs {
 width: 100%;
 background: url('../svg/blobs.svg') no-repeat bottom / cover;
}

/* OLD STYLES*/
.navbar {
transition: all 0.4s ease;
background-color: #202731;
width: 100%;
padding:0;
}
@media (max-width: 768px) {
 .navbar-nav .nav-link {
   font-size: 1rem;
   padding: 0.5rem;
 }
 .hero h1 {
   font-size: 5rem;
 }
 .hero p {
   font-size: 1.5rem;
 }
}

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

.connectorStyles{
    border: none;
    background: #202731;
}