html {margin: 0px; padding: 0px}
body {font-family: 'Crimson Text', Arial, serif; margin: 0px; padding: 0px}
#header {font-family: 'Parisienne', cursive; margin-top: 20px; text-align: center; font-size: 10em; margin-bottom: 20px}
#notes_left {padding-right: 40px; width: 150px; vertical-align: sub}
#notes_right {padding-left: 40px; width: 150px; vertical-align: sub}
#notes_left_mob {padding-right: 5px; width: 10%; vertical-align: sub}
#notes_right_mob {padding-left: 5px; width: 10%; vertical-align: sub}
#mob_holder {display: none; text-align: center}
.sub_header {font-family: 'Parisienne', cursive; font-size: 3em; text-align: center; margin-top: 0px}
.asterisk {text-align: center; font-family: 'Parisienne', cursive; font-size: 5em; margin-top: 15px; margin-bottom: -40px; vertical-align: middle}
.experiment_asterisk {margin-top: 60px}
.experiment_asterisk_first {margin-top: 80px}
p    {font-size: 1.5em; text-align: justify; margin: 0px}
p.update { color: red; font-style: italic; margin: 20px 0 }
.left_ten {margin-left: 10px}
.center {text-align: center}
.larger {font-size: 2em}
.large { font-size: 1.5em}
#signature {font-size: 2.5em; font-family: 'Parisienne', cursive;}
a {color: black}
.icon {width: 25px}
.star {height: 40px; vertical-align: middle}
.red {color: red}
.link_icon {vertical-align: middle; width: 50px}
.link_header {text-align: center; font-size: 1.75em}
.link_header span {vertical-align: middle}
#main {margin: auto; width: 75%}
#bottom {background-color: #333333; width: 100%;  margin: 0px; padding: 0px; margin-top: 90px}
#bottom h2 {text-align: center; color: #cccccc; padding: 10px; margin: 0px; font-weight: 100; font-size: 1.1em}
#bottom span {font-size: 1.5em; vertical-align: sub}
#bottom a {color: #cccccc}
.sample_holder {display: flex; flex-wrap: wrap; align-items: stretch; width; 100%}
.experiment {font-family: 'Parisienne', cursive; font-size: 3em; text-align: center}
.data_set {text-align: center; font-size: 1.75em; margin-top: 30px}
.sample_entry {width: 33%; display: flex; flex-direction: column; justify-content: space-between}
.sample_entry p {font-size: 1.25em; text-align: left; width: 80%; margin: 10px auto; text-align: justify}
.sample_entry p .sample {font-size: 1.5em}
.sample_entry p .sample span {vertical-align: middle}
.sample_entry audio {width: 90%; margin: 0px auto}
.bold {font-weight: bold}
.d-n { display: none }
#house-holder { vertical-align: middle; text-align: center; display: inline-block; width: 50px; min-width: 50px; max-width: 50px; min-height: 50px; max-height: 50px; height: 50px; background-color: black; border-radius: 50% }
#house { color: white; fill: currentColor; height: 70%; width: 70%; margin-top: 15% }