@font-face{
	font-family: myFont; 
	src: url(/fonts/deltarune.ttf);
}
@font-face{
	font-family: myFont2; 
	src: url(/fonts/DTM-Sans.otf);
}
@font-face{
	font-family: myfont3;
	src: url(/fonts/wingdings.ttf)
}
.collapsible {
  background-color: #000;
  border: 1px solid white;
   display: block;
	margin-left: auto;
	margin-right: auto;
  color: white;
  max-width: 30ch;
  cursor: pointer;
  padding: 14px;
  	font-family: myFont2; 
  text-align: center;
  outline: none;
  font-size: 15px;
}
label.logo{
    display: inline;
    line-height: 95px;
    color: white;
	 text-align: center;
    font-size: 25px;
    font-family: myfont2;
    padding: 7px 13px;
    border-radius: 3px;
    transition: .5s;
}
.active, .collapsible:hover {
  background-color: #111;
}

.content {
  padding: 0 0px;
  	font-family: myFont2; 
    max-width: 110ch;
   display: none;
	margin-left: auto;
	margin-right: auto;
    text-align: left;
  overflow: hidden;
  
  border: 1px solid white;
  background-color: #000000 
}
p{
  	font-family: myFont2; 
      color: white;
      max-width: 100ch;
      text-align: center;
      margin-left: 100px;
      margin-right: 100px;
}
*{
    text-decoration: none;
    list-style: none;
}
	
h1{
  	font-family: myFont2; 
      color: white;
      text-align: center;
}
h2{
  	font-family: myFont2; 
      color: white;
      text-align: center;
}
h3{
  	font-family: myFont2; 
      color: white;
      text-align: center;
}
body{  
    background-color:  #1c1c31;
  background-image: url('/images/contact.gif');
}
#scoregreen{
  font-size: 35px;
  font-family: myFont2; 
      max-width: 100ch;
      text-align: center;
      margin-left: 100px;
      margin-right: 100px;
      color: greenyellow;
  
}
#scoreperfect{
  font-size: 35px;
  font-family: myFont2; 
      max-width: 100ch;
      text-align: center;
      margin-left: 100px;
      margin-right: 100px;
  color: rgb(0, 255, 174);
  
}
#albumcover{
  width: 50;
}
#scoreyellow{
  font-size: 35px;
  font-family: myFont2; 
      max-width: 100ch;
      text-align: center;
      margin-left: 100px;
      margin-right: 100px;
  color: rgb(233, 210, 34)
}
#scorered{
  font-size: 35px;
  font-family: myFont2; 
      max-width: 100ch;
      text-align: center;
      margin-left: 100px;
      margin-right: 100px;
  color: rgb(255, 0, 0)
}
#centerimage{
    display: block;
	margin-left: auto;
	margin-right: auto;
}
#mainContents {
    width: 60%;
    margin: 0px;
	border-style: solid;
	border-color: white;
    background-color: black;
	max-width: 100ch;
	display: block;
  margin-left: auto;
  margin-right: auto;
}
#image{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
label.logo a{
	transition: .5s;
}
label.logo a:hover{
	opacity: .5;
	transition: .5s;
}