@media only screen {body {    margin: 0;    padding: 0;}.source-theme-warning{display:none!important}
}

body {
text-rendering:optimizeLegibility;
-moz-font-feature-settings:"kern=1, liga=1, onum=1, pnum=1"; 
-ms-font-feature-settings:"kern", "liga", "onum", "pnum"; 
-o-font-feature-settings:"kern", "liga", "onum", "pnum"; 
-webkit-font-feature-settings:"kern", "liga", "onum", "pnum"; 
font-feature-settings:"kern", "liga", "onum", "pnum";
hanging-punctuation:first allow-end last;
}


/* fonts */

@font-face {
 font-family: 'Abadi';
 src: url('https://jasminearaujo.com/fonts/Abadi-Regular.woff2') format('woff2-variations');
 font-style: normal;
}

@font-face {
 font-family: 'ProximaNova';
 src: url('https://jasminearaujo.com/fonts/ProximaNova-Light.woff2') format('woff2-variations');
 font-style: normal;
}

@font-face {
 font-family: 'ProximaNova';
 src: url('https://jasminearaujo.com/fonts/ProximaNova-LightIt.woff2') format('woff2-variations');
 font-style: italic;
}

@font-face {
 font-family: 'ProximaNova';
 src: url('https://jasminearaujo.com/fonts/ProximaNova-Semibold.woff2') format('woff2-variations');
 font-weight: bold;
}


.herotext {
	position:relative;
	top:32vh;

}


H1 {
background: RGBA(0,0,0,0.0);
font-family:Abadi!important;
word-spacing:-0.4rem!important;
font-size:12vw!important;
color:#D21379!important;
margin:0 0 0 0!important;
}

H2 {
font-family:Abadi!important;
word-spacing:-0.2rem!important;
font-size:3.6rem!important;
color:#D21379;
margin:0 0 0 0!important;
}

H3 {
font-family:Abadi!important;
font-size:2.1rem!important;
color:#D21379;
margin:0 0 -0.6rem 0!important;
}

H4 {
font-family:Abadi!important;
font-size:3.4vw!important;
color:#D21379;
}

H5 {
font-family:Abadi!important;
font-size:3rem!important;
color:#D21379;
margin:6rem 0 0 0!important;
}

.source-button {
font-size: 3vw!important;
padding:3vw!important;
margin:-4vw 0 0 0!important;	
}

@media only screen and (max-width: 900px) {
  .source-button {
font-size: 4.2vw!important;
padding:1vw!important;
margin:-7vw 0 0 0!important;	
}
}


/* Use CSS filters to match imageswap effects on poster images by making greyscale */

.postergrey {
	filter: grayscale(1) brightness(1.3) contrast(0.9);	
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.postergrey:hover {
filter: none!important;
}


/*allows for clicks through overlay*/

.pointerevents {
pointer-events: none;
} 

 

.boost_z {
z-index:2!important;
}

/* FOOTER */

.copyright {
	font-family:ProximaNova;
}

.download_btn, .modal_btn {
	font-family:Abadi!important;
	font-size:1.2vw!important;
	background:#D21379!important;
	color:#ffffff!important;
	display:block!important;
	border-radius:0px!important;
	text-align:center!important;
	letter-spacing:0.1rem!important;
	cursor: pointer!important;
}

.modal_btn {
	padding:0px 0px 0px 0px!important;

	}
	
.download_btn {
	padding:13px 0px 13px 0px!important;
}

@media only screen and (max-width: 900px) {
  .modal_btn {
	font-size:3.6vw!important;
	}

}



.datelabelThing {
	font-family:Abadi!important;
	font-size:4.2rem!important;
	color:#E2799E!important;

}



.timelineheading {
	margin:-10px 0 10px 0!important;
}


.ModalPadding {
	padding:0rem 6.4rem 0rem 6.4rem!important;
}

@media only screen and (max-width: 900px) {
.ModalPadding {
	padding:0rem 1.6rem 0rem 1.6rem!important;
}
}



.Hero_Mouser {
	position:relative!important;
	bottom:-15vw!important;
}



.margin_below {
	margin-bottom:3.2rem!important;
}

.single_card {
  aspect-ratio: 4 / 3!important;
}

@supports not (aspect-ratio: 4 / 3) { 
  .single_card::before {
    float: left;
    padding-top: 75%;
    content: '';
  }
  
  .single_card::after {
    display: block;
    content: '';
    clear: both;
  }
}

.mouser_bottom {
	bottom:0rem!important;
}