:root {
  --color1: #950000;
  --color2: #000;
  --color3: #73bf28;
  --colora: #1d1e1e;
  --colorb: #1e1d1e;

  /* turquose combo */
  --blue1: #87d3c6;
  --blue2: #87bad3;
  --blue3: #87d3a0;

  /* turquose combo */
  --blue1: #2873bf;
  --blue2: #2828bf;
  --blue3: #28bfbf;

}
.btn{
  background:var(--color2);
}
body{
  font-family: arial;
  background-image: linear-gradient(to right, var(--color1), var(--color2));

}
.img-fluid{
  border-radius:8px;
}
#menuDiv{
  box-shadow: 2px 2px 2px 2px black;
  margin-bottom:20px;
}
#consultDiv{
  padding:25px;
  border-radius: 8px 8px 8px 8px;
  background-image: linear-gradient(to right, var(--blue1), var(--blue3));
  color:black;
  box-shadow: 0px 0px 20px var(--color1);
  margin-bottom: 8px;
}
#languagesDiv{
  padding:25px;
  border-radius: 0px 0px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  background-image: linear-gradient(to right, var(--blue1), var(--blue3));
  box-shadow: 0px 0px 20px var(--color1);
  margin-bottom: 8px;
}
.profileImageDiv{
  padding: 24px;
  border-radius: 8px 8px 8px;
  box-shadow: 0px 0px 20px var(--color1);
  margin-bottom: 8px;
  background-image: linear-gradient(to right, var(--color1), var(--color2));

}
#experienceDiv{
  padding:25px;
  border-radius: 0px 0px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  background-image: linear-gradient(to right, var(--colorb), var(--blue2));
  color:white;
  box-shadow: 0px 0px 20px var(--color1);
  margin-bottom: 8px;
}
.y{
  background: yellow;
}
.g{
  background: green;
}
#navbar{
  border-radius: 0px 0px 8px 8px;
  background-image: linear-gradient(to bottom, var(--color1), var(--color2));
  margin-bottom: 8px;
}
/* .nav.navbar-nav.navbar-right .navbar-brand .nav-link li a {
    color: white;
} */
.a{
  color:white;
}
#artistDiv{
  padding:16px;
}

body{
  /* background:var(--color1); */
  color:white;
}

.panel{

  /* border: 1px solid #d2d2d2; */
  /* border-radius: 8px; */
  padding:8px;

}
.section1{
  padding:16px;
  /* background: var(--color1); */
  /* border-bottom: 1px solid white; */
  box-shadow:#d2d2d2;
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(2,2,2,1));
}
.section2{
  margin-top:0px;
  /* border-bottom: 1px solid white; */
  padding:16px;
  box-shadow:#d2d2d2;
  background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(2,2,2,1));
  /* background: var(--color2); */
}
.link{
  color:royalblue;
  text-decoration: underline;
}
table, td{
  color:white;
}
.d{
  display: none;
}
.y{
 background: yellow;
}
.long{
  width:100%;

}
.fill{
  background: yellow;
  border:1px solid red;
}
#instructions{
  padding:8px;
}
#mainMenu{
  padding:16px;
}