* {
    box-sizing: border-box;
}


html {
    background-color: #0b0b0b;
    color: white;
    

}

#link {
    color: #8198FD;
}

.title {
    color: white;
    font-family: "parisienneregular", sans-serif;
    font-weight: 400;

}


body {
    font-family: "new_edge_6666light_rounded", sans-serif;
    font-weight: 400;

    color: white;
    margin-left: 100;
    margin-right: 100;

}

@media screen and (max-width: 480px) {

  body {
    margin-left: 50;
    margin-right: 50;
  }


}


.container {
    margin-top: 500;

}

.column {
    font-size: 1.4rem;
    padding: 4;
}

.less_space {
    padding: 0;
}

body[data-aos-duration="4000"] [data-aos], [data-aos][data-aos][data-aos-duration="4000"] {
  transition-duration: 4000ms;
}

/* could not figure out how to override the problematic margin that 
was ruining the responsivness, so i just created a class with zero 
margins in case columns start acting weird */

.fix_margin {
    margin: 0;
}

#header_pic {
    margin-top: 200;
}

.img {
    margin-bottom: 1;
    margin-top: 1;
}



#caps_pulse.show {
    opacity: 1;
    transform: translatex(0);
}



.footer {
    background-color: #0b0b0b;
    color: white;
}


.centered {
 /* or absolute */
  top: 50%;
  left: 50%;
}