body
  {
  background-color: black;
  font-family: arial;
  margin: 0;
  padding: 0;
  }

a:link
  {
  color: rgb(128, 0, 255);
  font-weight: bold;
  text-decoration: none;
  }

a:visited
  {
  color: rgb(128, 0, 255);
  font-weight: bold;
  text-decoration: none;
  }

a:hover
  {
  color: rgb(128, 0, 255);
  font-weight: bold;
  text-decoration: none;
  }

a:active
  {
  color: rgb(128, 0, 255);
  font-weight: bold;
  text-decoration: none;
  }

.section
  {
  width: 100%;
  margin-bottom: 0px;
  text-align: center;
  border-radius: 0px;
  position: relative;
  }

.section_padding
  {
  padding-top: 10px;
  padding-bottom: 10px;
  }

.yellow1
  {
  color: rgb(255, 208, 0);
  }

.yellow2
  {
  color: rgb(255, 247, 154);
  }

.purple
  {
  color: rgb(128, 0, 255);
  }

.black
  {
  color: black;
  }

.white
  {
  color: white;
  }

.yellow_bg1
  {
  /* background-color: rgb(255, 208, 0); */
  background-color: rgb(255, 234, 0);
  }

.yellow_bg2
  {
  background-color: rgb(255, 247, 154);
  }

.purple_bg
  {
  background-color: rgb(188, 129, 255);
  }

.dark_grey_bg
  {
  background-color: rgb(96, 96, 96);
  }

.grey_brick_bg
  {
  background-image: url("images/grey_brick_temp.png");
  }

.black_bg
  {
  background-color: black;
  }

.bold
  {
  font-weight: bold;
  }

.fullscreen
  {
  height: 550px;
  }

.vertical_center_inside
  {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  }

.headshot
  {
  background-color: rgb(255, 255, 0);
  }

.song_title
  {
  font-size: 16pt;
  font-weight: bold;
  margin-left: 20px;
  }

.youtube
  {
  width: 700;//622;
  height: 395;//350;
  }

.soundcloud
  {
  width: 400px;
  height: 400px;
  margin: 30px;
  }

.section_image
  {
  width: 100%;
  padding: 0px;
  margin: 0px;
  }

.bar_height
  {
  height: 35px;
  }

.line_height
  {
  height: 4px;
  }

.melting
  {
 	width: 100%;
  height: 600px;
  z-index: 0;
	}

.bottom_padding
  {
  padding-bottom: 40px;
  }

.blue_sky_gradient
  {
  background-image: linear-gradient(rgb(122, 164, 212), rgb(200, 229, 233));
  }

/* Desktop */
@media (min-width: 1000px), (min-device-width: 1000px)
  {
  .splash_desktop
    {
    display: inline;
    width: 100%;
    }

  .splash_phone
    {
    display: none;
    width: 100%;
    }
  }

/* Phones */
@media (max-width: 1000px), (max-device-width: 1000px)
  {
  .splash_desktop
    {
    display: none;
    width: 100%;
    }

  .splash_phone
    {
    display: inline;
    width: 100%;
    }
  }