html,
body {
  width: 98vw;
  height: 100vh;
  font-family: Arial, sans-serif;
  padding: 0;
  margin: 0.5em;
}

.lg-img {
  width: 100%;
}

a {
  color: black;
}

a:hover {
  color: blue;
}

.about {
  /* padding-left: 20px; */
  font-size: 20px;
}

p {
  margin: 0;
}
p + p {
  margin-top: 32px;
}

.base {
  color: black;
}

[data-zoom-backdrop='active'] {
	opacity: 0;
	pointer-events: auto;
}

[data-zoom-image] {
	position: relative;
	z-index: 800;
	transform: none;
	transition: transform 400ms ease;
	cursor: zoom-in;
}

[data-zoom-image='active'] {
	z-index: -1000;
	cursor: zoom-out;
}

nav {
  font-size: 20px !important;
  display: block;
  padding: 0px 0px 50px 0px;
}
main {
  font-size: 20px !important;
  padding: 0px 32px 50px 0px;
  max-width: 75%;
}

#edit-link {
  display: none;
}
#edit-link a, #edit-link a:active {
  color: black;
}
#edit-link a:hover {
  color: blue;
}

@media (min-width: 1000px) {
  .layout {
    display: flex;
    flex-direction: row;
  }
  nav {
    display: block;
    width: 25%;
    min-width: 220px;
    font-size:0px;
  }
  main {
    flex: 1;
    font-size: 20px !important;
  }
  #edit-link {
    display: block;
    position: fixed;
    bottom: 10px;
    left: 10px;
  }
  .about {
    font-size:20px;
  }
}

.annotation {
  margin-right: 0;
  margin-left: 0;
  display: inline;
}
.annotation + .annotation {
  margin-left: 0;
}

.annotation p,
.annotation div,
.annotation img,
.annotation ul,
.annotation li,
.annotation h1,
.annotation h2,
.annotation h3,
.annotation h4,
.annotation h5 {
  display: inline;
  margin: auto;
  height: 18px;
}
.annotation img {
  height: 16px;
  width: auto;
}
.annotation a {
  color: inherit;
  word-break: break-all;
}
.annotation .user-content {
  margin-right: 10px;
}
.sm2_link.sm2_playing {
  /* background: red; */
  opacity: 1;
  animation: fade 2s linear infinite;
}

@keyframes fade {
  0% { opacity: .1; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}



/***** default  *****/
.color--default {
  color: cornflowerblue;
}
.icon--default {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: initial;
  background-size: contain;
  background-color: cornflowerblue;
  mask-image: url(img/sun.svg);
  -webkit-mask-image: url(img/sun.svg);
  mask-size: 100%;
  -webkit-mask-size: 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;

  width: 18px !important;
  height: 18px !important;
  margin-right: 0;
  display: inline-block;
}

/* TEXAS 
************************************************************************************************/

/***** 1 — Mindy *****/
.color--mindyseu {
  color: aqua;
}
.icon--mindyseu {
  background-color: aqua;
  mask-image: url(img/texas-asterisk-1.svg);
  -webkit-mask-image: url(img/texas-asterisk-1.svg);
}

/***** 2 — Jordan Steyer *****/
.color--jordan.steyer {
  color: #ADFF2F !important;
}
.icon--jordan.steyer {
  background-color: #ADFF2F !important;
  mask-image: url(img/texas-asterisk-jordan-steyer.svg);
  -webkit-mask-image: url(img/texas-asterisk-jordan-steyer.svg);
}

/***** 3 — Margot Shields *****/
.color--mjrshields {
  color: #00BFFF;
}
.icon--mjrshields {
  background-color: #00BFFF;
  mask-image: url(img/texas-asterisk-3.svg);
  -webkit-mask-image: url(img/texas-asterisk-3.svg);
}

/***** 4 — Grace Preston *****/
.color--gracepreston {
  color: #FFD700;
}
.icon--gracepreston {
  background-color: #FFD700;
  mask-image: url(img/texas-asterisk-grace-preston.svg);
  -webkit-mask-image: url(img/texas-asterisk-grace-preston.svg);
}

/***** 5 — Katherine Pena *****/
.color--k_p20 {
  color: #191970;
}
.icon--k_p20 {
  background-color: #191970;
  mask-image: url(img/texas-asterisk-5.svg);
  -webkit-mask-image: url(img/texas-asterisk-5.svg);
}

/***** 6 — Stephanie Long *****/
.color--steph.long {
  color: #4B0082 !important;
}
.icon--steph.long {
  background-color: #4B0082 !important;
  mask-image: url(img/texas-asterisk-steph-long.svg);
  -webkit-mask-image: url(img/texas-asterisk-steph-long.svg);
}

/***** 7 — Chenyao Zhu *****/
.color--Chenyaozhu {
  color: #D2B48C;
}
.icon--Chenyaozhu {
  background-color: #D2B48C;
  mask-image: url(img/texas-asterisk-7.svg);
  -webkit-mask-image: url(img/texas-asterisk-7.svg);
}

/***** 8 — Mariangela Rodriguez *****/
.color--mariangelac {
  color: #9ACD32;
}
.icon--mariangelac {
  background-color: #9ACD32;
  mask-image: url(img/texas-asterisk-mariangela-rodriguez.svg);
  -webkit-mask-image: url(img/texas-asterisk-mariangela-rodriguez.svg);
}

/***** 9 — Tyler Rico  *****/
.color--tylerrico {
  color: #191970;
}
.icon--tylerrico {
  background-color: #191970;
  mask-image: url(img/texas-asterisk-9.svg);
  -webkit-mask-image: url(img/texas-asterisk-9.svg);
}

/***** 10 — Neakail Tolbert *****/
.color--neakailctolbert  {
  color: coral;
}
.icon--neakailctolbert  {
  background-color: coral;
  mask-image: url(img/texas-asterisk-10.svg);
  -webkit-mask-image: url(img/texas-asterisk-10.svg);
}

/***** 11 — Chika Otuata *****/
.color--Chika0 {
  color: #008080;
}
.icon--Chika0 {
  background-color: #008080;
  mask-image: url(img/texas-asterisk-Chika-Otuata.svg);
  -webkit-mask-image: url(img/texas-asterisk-Chika-Otuata.svg);
}

/***** 12 — Joshua Williams *****/
.color--JoshWill_ {
  color: #6495ED;
}
.icon--JoshWill_ {
  background-color: #6495ED;
  mask-image: url(img/texas-asterisk-joshua-williams.svg);
  -webkit-mask-image: url(img/texas-asterisk-joshua-williams.svg);
}

/***** 13 — Jennifer Seward *****/
.color--jennseward {
  color: #2E8B57;
}
.icon--jennseward {
  background-color: #2E8B57;
  mask-image: url(img/texas-asterisk-jennifer-seward.svg);
  -webkit-mask-image: url(img/texas-asterisk-jennifer-seward.svg);
}

/***** 14 — Dara Chilton *****/
.color--dchilton {
  color: #9932CC;
}
.icon--dchilton {
  background-color: #9932CC;
  mask-image: url(img/texas-asterisk-dara-chilton.svg);
  -webkit-mask-image: url(img/texas-asterisk-dara-chilton.svg);
}

/***** 15 — Alice Lee *****/
.color--alicejlee {
  color: #9932CC;
}
.icon--alicejlee {
  background-color: #9932CC;
  mask-image: url(img/texas-asterisk-15.svg);
  -webkit-mask-image: url(img/texas-asterisk-15.svg);
}

/***** 16 — Mihyun Kim *****/
.color--mihyunkim {
  color: #2E8B57;
}
.icon--mihyunkim {
  background-color: #2E8B57;
  mask-image: url(img/texas-asterisk-mihyun-kim.svg);
  -webkit-mask-image: url(img/texas-asterisk-mihyun-kim.svg);
}

/***** 17 — Jaina Warren *****/
.color--jainaawar {
  color: #1E90FF;
}
.icon--jainaawar {
  background-color: #1E90FF;
  mask-image: url(img/texas-asterisk-jaina-warren.svg);
  -webkit-mask-image: url(img/texas-asterisk-jaina-warren.svg);
}

/***** 16 — M. Wright *****/
.color--mjwright {
  color: #7FFF00;
}
.icon--mjwright {
  background-color: #7FFF00;
  mask-image: url(img/texas-asterisk-M-Wright.svg);
  -webkit-mask-image: url(img/texas-asterisk-M-Wright.svg);
}



















/* SOUTHLAND
************************************************************************************************/

/***** 0 — Richard *****/
.color--rchrd2 {
  color: lightsteelblue;
}

.icon--rchrd2 {
  background-color: lightsteelblue;
  mask-image: url(img/sun.svg);
  -webkit-mask-image: url(img/sun.svg);
}

/***** 1 — Laura *****/
.color--lauracoombs {
  color: plum;
}
.icon--lauracoombs {
  background-color: plum;
  mask-image: url(southland-asterisks/LC-asterisk.svg);
  -webkit-mask-image: url(southland-asterisks/LC-asterisk.svg);
}

/***** 2 — Mindy *****/
.color--mindyseu {
  color: lime;
}
.icon--mindyseu {
  background-color: lime;
  mask-image: url(img/texas-asterisk-1.svg);
  -webkit-mask-image: url(img/texas-asterisk-1.svg);
}

/***** 3 — Joe Potts *****/
.color--jmp {
  color: lavender;
}

.icon--jmp {
  background-color: lavender;
  mask-image: url(img/JPP-asterisk.svg);
  -webkit-mask-image: url(img/JPP-asterisk.svg);
}

/***** 4 — Adam Feldmeth *****/
.color--afeldmeth {
  color: ;
}
.icon--afeldmeth {
  background-color: ;
  mask-image: url(img/AFF-asterisk.svg);
  -webkit-mask-image: url(img/AFF-asterisk.svg);
}

/***** 5 — Alex Lahr *****/
.color--lxlahr3 {
  color: Crimson;
}
.icon--lxlahr3 {
  background-color: Crimson;
  mask-image: url(img/AL-asterisk.svg);
  -webkit-mask-image: url(img/AL-asterisk.svg);
}

/***** 6 — Alison Moeller *****/
.color--alisonmoeller {
  color: ;
}
.icon--alisonmoeller {
  background-color: ;
  mask-image: url(img/AM-asterisk.svg);
  -webkit-mask-image: url(img/AM-asterisk.svg);
}

/***** 7 — Amy Fang *****/
.color--azfang {
  color: thistle;
}
.icon--azfang {
  background-color: thistle;
  mask-image: url(img/AF-asterisk.svg);
  -webkit-mask-image: url(img/AF-asterisk.svg);
}

/***** 8 — Ashna Kapadia *****/
.color--ashkap1234 {
  color: lightsteelblue;
}
.icon--ashkap1234 {
  background-color: lightsteelblue;
  mask-image: url(img/AK-asterisk.svg);
  -webkit-mask-image: url(img/AK-asterisk.svg);
}

/***** 9 — BJ Strew (W Roque Strew) *****/
.color--roquestrew {
  color: darkorchid;
}
.icon--roquestrew {
  background-color: darkorchid;
  mask-image: url(img/BJS-asterisk.svg);
  -webkit-mask-image: url(img/BJS-asterisk.svg);
}

/***** 10 — Brenan Stetzer *****/
.color--bstetzer {
  color: darkorange;
}
.icon--bstetzer {
  background-color: darkorange;
  mask-image: url(img/BS-asterisk.svg);
  -webkit-mask-image: url(img/BS-asterisk.svg);
}

/***** 11 — Ed Ryan *****/
.color--E_a_ryan {
  color: RosyBrown;
}
.icon--E_a_ryan {
  background-color: RosyBrown;
  mask-image: url(img/ER-asterisk.svg);
  -webkit-mask-image: url(img/ER-asterisk.svg);
}

/***** 12 — Eileen Levinson *****/
.color--Eileenmachine {
  color: tomato;
}
.icon--Eileenmachine {
  background-color: tomato;
  mask-image: url(img/EL-asterisk.svg);
  -webkit-mask-image: url(img/EL-asterisk.svg);
}

/***** 13 — Emi Takahashi *****/
.color--emitakahashi {
  color: darkkhaki;
}
.icon--emitakahashi {
  background-color: darkkhaki;
  mask-image: url(img/ET-asterisk.svg);
  -webkit-mask-image: url(img/ET-asterisk.svg);
}

/***** 14 — Emily Bluedorn *****/
.color--ebluedorn {
  color: seagreen;
}
.icon--ebluedorn {
  background-color: seagreen;
  mask-image: url(img/EB-asterisk.svg);
  -webkit-mask-image: url(img/EB-asterisk.svg);
}

/***** 15 — Emily Yang *****/
.color--emilybyang {
  color: MidnightBlue;
}
.icon--emilybyang {
  background-color: MidnightBlue;
  mask-image: url(img/EY-asterisk.svg);
  -webkit-mask-image: url(img/EY-asterisk.svg);
}

/***** 16 – Eric Francisco REPLACED by Donald Zhu *****/
.color--donaldzhu {
  color: tomato;
}
.icon--donaldzhu {
  background-color: tomato;
  mask-image: url(img/DZ-asterisk.svg);
  -webkit-mask-image: url(img/DZ-asterisk.svg);
}

/***** 17 — Jean Chung *****/
.color--jeaano {
  color: DarkOrchid;
}
.icon--jeaano {
  background-color: DarkOrchid;
  mask-image: url(img/JC-asterisk.svg);
  -webkit-mask-image: url(img/JC-asterisk.svg);
}

/***** 18 — Joy J *****/
.color--joyjade {
  color: lawngreen;
}
.icon--joyjade {
  background-color: lawngreen;
  mask-image: url(img/JP-asterisk.svg);
  -webkit-mask-image: url(img/JP-asterisk.svg);
}

/***** 19 — Juan Pablo Rahal *****/
.color--juanpablorahal {
  color: BlueViolet;
}
.icon--juanpablorahal {
  background-color: BlueViolet;
  mask-image: url(img/JR-asterisk.svg);
  -webkit-mask-image: url(img/JR-asterisk.svg);
}

/***** 20 — Julie Hwang *****/
.color--julieok {
  color: Chartreuse;
}
.icon--julieok {
  background-color: Chartreuse;
  mask-image: url(img/JH-asterisk.svg);
  -webkit-mask-image: url(img/JH-asterisk.svg);
}

/***** 21 — Jun Lin (Yu Chun Lin) *****/
.color--yuujunlin {
  color: Saddlebrown;
}
.icon--yuujunlin {
  background-color: Saddlebrown;
  mask-image: url(img/JL-asterisk.svg);
  -webkit-mask-image: url(img/JL-asterisk.svg);
}

/***** 22 — Kate Opre *****/
.color--kateopre {
  color: orangered;
}
.icon--kateopre {
  background-color: orangered;
  mask-image: url(img/KO-asterisk.svg);
  -webkit-mask-image: url(img/KO-asterisk.svg);
}

/***** 23 — Katy Nelson *****/
.color--katy_nelson {
  color: goldenrod;
}
.icon--katy_nelson {
  background-color: goldenrod;
  mask-image: url(img/KN-asterisk.svg);
  -webkit-mask-image: url(img/KN-asterisk.svg);
}

/***** 24 — Kyle Richardson *****/
.color--rylekich {
  color: MediumSlateBlue;
}
.icon--rylekich {
  background-color: MediumSlateBlue;
  mask-image: url(img/KR-asterisk.svg);
  -webkit-mask-image: url(img/KR-asterisk.svg);
}

/***** 25 — Lee Noble *****/
.color--yoshimi1983 {
  color: DimGray;
}
.icon--yoshimi1983 {
  background-color: DimGray;
  mask-image: url(img/LN-asterisk.svg);
  -webkit-mask-image: url(img/LN-asterisk.svg);
}

/***** 26 — Leslie Liu *****/
.color--saladmom {
  color: RosyBrown;
}
.icon--saladmom {
  background-color: RosyBrown;
  mask-image: url(img/LL-asterisk.svg);
  -webkit-mask-image: url(img/LL-asterisk.svg);
}

/***** 27 — Lisa Maione *****/
.color--lisamaione {
  color: DarkTurquoise;
}
.icon--lisamaione {
  background-color: DarkTurquoise;
  mask-image: url(img/LM-asterisk.svg);
  -webkit-mask-image: url(img/LM-asterisk.svg);
}

/***** 28 — Maxime Pigeon *****/
.color--maximepigeon {
  color: DeepSkyBlue;
}
.icon--maximepigeon {
  background-color: DeepSkyBlue;
  mask-image: url(img/MP-asterisk.svg);
  -webkit-mask-image: url(img/MP-asterisk.svg);
}

/***** 29 — Michelle Kuan *****/
.color--michelllekuan {
  color: DarkKhaki;
}
.icon--michelllekuan {
  background-color: DarkKhaki;
  mask-image: url(img/MK-asterisk.svg);
  -webkit-mask-image: url(img/MK-asterisk.svg);
}

/***** 30 — Naveen Hattis *****/
.color--naveenhattis {
  color: DarkGreen;
}
.icon--naveenhattis {
  background-color: DarkGreen;
  mask-image: url(img/NH-asterisk.svg);
  -webkit-mask-image: url(img/NH-asterisk.svg);
}

/***** 31 — Paloma Izquierdo *****/
.color--palomaizquierdo {
  color: mediumpurple;
}
.icon--palomaizquierdo {
  background-color: mediumpurple;
  mask-image: url(img/PI-asterisk.svg);
  -webkit-mask-image: url(img/PI-asterisk.svg);
}

/***** 32 — Quentin Gaudry *****/
.color--qgdry {
  color: Sienna;
}
.icon--qgdry {
  background-color:Sienna;
  mask-image: url(img/QG-asterisk.svg);
  -webkit-mask-image: url(img/QG-asterisk.svg);
}

/***** 33 — Rebecca Wilkinson *****/
.color--rebeccawilki {
  color: MediumSpringGreen;
}
.icon--rebeccawilki {
  background-color: MediumSpringGreen;
  mask-image: url(img/RW-asterisk.svg);
  -webkit-mask-image: url(img/RW-asterisk.svg);
}

/***** 34 — Sharanya Durvasula *****/
.color--shardurv {
  color: DarkOliveGreen;
}
.icon--shardurv {
  background-color: DarkOliveGreen;
  mask-image: url(img/SD-asterisk.svg);
  -webkit-mask-image: url(img/SD-asterisk.svg);
}

/***** 35 — Silas Munro *****/
.color--Siborg81  {
  color: DarkGoldenrod;
}
.icon--Siborg81  {
  background-color: DarkGoldenrod;
  mask-image: url(img/SM-asterisk.svg.svg);
  -webkit-mask-image: url(img/SM-asterisk.svg);
}

/***** 36 — Valentina Vergara *****/
.color--valentina_vergara {
  color: blue;
}
.icon--valentina_vergara {
  background-color: blue;
  mask-image: url(img/VV-asterisk.svg);
  -webkit-mask-image: url(img/VV-asterisk.svg);
}

/***** 37 — Yanchi Huang *****/
.color--ych {
  color: ;
}
.icon--ych {
  background-color: ;
  mask-image: url(img/YH-asterisk.svg);
  -webkit-mask-image: url(img/YH-asterisk.svg);
}

/***** 38 — Zach Whitworth *****/
.color--zachwhitworth {
  color: Coral;
}
.icon--zachwhitworth {
  background-color: Coral;
  mask-image: url(img/ZW-asterisk.svg.svg);
  -webkit-mask-image: url(img/ZW-asterisk.svg);
}

/***** 39 — Zenobia Ahmed *****/
.color--zenobiaahmed {
  color: SpringGreen	;
}
.icon--zenobiaahmed {
  background-color: SpringGreen	;
  mask-image: url(img/ZA-asterisk.svg);
  -webkit-mask-image: url(img/ZA-asterisk.svg);
}