div.j{
    height: 380px;
    width: 100%;
    position: relative;
    background: #ff4949;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.j b{
  font-size: 50px;
  opacity: 1;
  color: white;
  font-family: math;
  text-shadow: 3px 4px #ce2a2a;
}
  

.intros {
    position: relative;
    display: block;
    padding: 40px 30px;
    align-items: center;
    backdrop-filter: blur(6px);
    background: #ffffff78;
    max-width: 1200px;
    margin: 0 auto;
}

.intros h1 {
    /* max-width: 400px; */
    width: 100%;
    background: #00ffff03;
    margin: 0px;
    padding-bottom: 20px;
}

body {
    margin: 0;
}

.acme-regular {
  font-family: "Acme", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.protest-guerrilla-regular {
  font-family: "Protest Guerrilla", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.bigtext {
    font-size: 20px;
}

h3 {
    font-family: 'Lato';
    font-size: 30px;
}

h2 {
    font-size: 45px;
}