@import url("colors.css");
@font-face {
  font-family: Comfortaa;
  src: url(../fonts/Comfortaa.ttf);
}
:root {
  --color1: #102F64;
  --color2: #343a40;
  --color2: #102F64;
  --color3: #102F64;
}
body{
  background-image:linear-gradient(to left, var(--color1), var(--color2));
  color:white;
  font-family: 'Comfortaa', cursive;

}
.messageBox{
  /* background: */
}
.pad25{
  padding:64px;
  text-align: center;
}
.objectify{
  background: white;
  border:4px solid black;
  color:black;
  padding:35px;
  border-radius: 25px;
  box-shadow: 1px 1px 8px 4px black;
}
.ads1{
  background: var(--color2);
}
/* body paramaters */

/* font sizes */

/* h1,h2,h3,h4,h5{padding:8px;} */


/* root colors */

#tabkleTitle{
  padding:8px;
}

.w100{
  width:100%;
}

/* colors of tables  */
td{
  boder:1px solid black;
  padding:8px;
  color:white;
}

/* text color for links */
.link{
  color:royalblue;
  text-decoration:underline;
}
/* same as link but need to check it's use */
.alreadyPaid{color:royalblue;text-decoration:underline;}


/* font coloring for testing and production */
.rFont{color:red;}
.yFont{color:yellow;}
.gFont{color:  limegreen;}
.orange{color:orange;}
.y{background: yellow;}
.g{background: green;}
.b{background:black;color:white;}

/* colors the section  */
.section1{
  background-image: linear-gradient(to right, var(--colorb), #850a0f);
  color:white;
}
/* color of section */
.section2{
  background: #1e1e1d;
  color:white;
}



#songInfo{
  padding-top: 25px;
  /* box-shadow: 2px 2px 2px 2px #1d1e1e; */
}
.artwork{
  width:88px;
}
.d{
  display:none;
}

#menuDiv{
  box-shadow: 2px 2px 2px 2px black;
  margin-bottom:20px;
}




#artistDiv{
  padding:16px;
}



.panel{

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

}



.y{
 background: yellow;
 color:black;
}
.long{
  width:100%;

}
.fill{
  background: yellow;
  border:1px solid red;
}

#instructions{
  padding:25px;
  box-shadow: 2px 2px 2px 2px #1d1e1e;
  border-bottom:1px solid #d2d2d2;
  /* border-left:2px solid #d2d2d2; */

}
#mainMenu{
  padding:16px;
}
/*  custom edit for game image in gameSale();*/
.nextGameConvo{
  margin-bottom: 70px;
}
.btn{
  border-radius: 12px;
}
img{

  border-radius: 12px;
}
.borderRed{
  border: 1px solid red;
}
.borderYellow{
  border: 1px solid yellow;
}

.borderBlue{
  border: 1px solid Blue;
}


.advertisement{
  color: darkgray;
}

.div1{
  background:var(--color2);
  border-radius:50px;
}
.contentBox{
  background: var(--color2);
  padding:25px;
  border-radius:25px;
}