/* footer */

.footer {
    margin-top: 0px;
    
}



 .button {
                 font-family: Inter, sans-serif;
    }
 .marquee {
                 font-family: Inter, sans-serif;
     width: 300px;
   margin-left: 30%;
    }
#intro_color,
#pause_color {
	color: #5840ff;
    font-size: 40px;
    line-height: 100px;
    font-weight: bold;
    margin: 40px;
}
span.color1, span.color2, span.color3, span.color4 {
	cursor: cell;
    font-size: 40px;
    letter-spacing: 0px;
    font-weight: bold;
	transition: color 3s;
	transition-delay: 1s;
    font-family: "Space Grotesk";
}

.gallery_image_caption {
	display: none;
}
span.color1:hover { color: #d7ff31; transition: color 0s; }
span.color2:hover { color: #72a5ff; transition: color 0s; }
span.color3:hover { color: #ff4100; transition: color 0s; }
span.color4:hover { color: #52da72; transition: color 0s; }
span.color1, span.color2, span.color3, span.color4{ color: black; }


body.mobile #intro_color,
body.mobile span.color1,
body.mobile span.color2,
body.mobile span.color3,
body.mobile span.color4 {
    font-size: 33px;
    font-family: "Space Grotesk";
    line-height: 310px;
}

body.mobile h1,
body.mobile h2 {
    font-size: 40px !important;
    font-family: "Space Grotesk";
    line-height: 38px !important;
}

    .marquee {
                 font-family: Inter, sans-serif;
    }#intro_color,
#pause_color {
	color: #5840ff;
    font-size: 110px;
    line-height: 50px;
    font-weight: bold;
    margin: 40px;
}
span.color1, span.color2, span.color3, span.color4 {
	cursor: cell;
    font-size: 60px;
    letter-spacing: 0px;
    font-weight: bolder;
	transition: color 3s;
	transition-delay: 1s;
    font-family: "Space Grotesk";
}

.gallery_image_caption {
	display: none;
}
span.color1:hover { color: #d7ff31; transition: color 0s; }
span.color2:hover { color: #72a5ff; transition: color 0s; }
span.color3:hover { color: #ff4100; transition: color 0s; }
span.color4:hover { color: #52da72; transition: color 0s; }
span.color1, span.color2, span.color3, span.color4{ color: black; }


body.mobile #intro_color,
body.mobile span.color1,
body.mobile span.color2,
body.mobile span.color3,
body.mobile span.color4 {
    font-size: 33px;
    line-height: 310px;
}

body.mobile h1,
body.mobile h2 {
    font-size: 40px !important;
    line-height: 38px !important;
    }

@media (min-width: 70em) {
span.color1, span.color2, span.color3, span.color4 {
	cursor: cell;
    font-size: 100px;
    letter-spacing: 0px;
    line-height: 120px;
    font-weight: bold;
	transition: color 3s;
	transition-delay: 1s;
    font-family: "Space Grotesk";
}
}