issue.xpub.nl/12/style.css

/*fonts*/
@font-face{
	font-family:"Pitchoun";
	src: url("font/pitchoun.ttf") format("truetype"),
		 url("http://hershey-noailles.luuse.io/output/pitchoun-dashed-regular/Hershey-Noailles-pitchoun-dashed-regular.ttf")format("truetype");

}


body{

  width:100%;
  font-family: Roboto Mono;
  font-size: 18px;
}


.back{
  margin:20px;
}

.intro{
  margin:40px;
  max-width: 60%;
}

.page_title{
  font-size:70px;
  color: orangered;
  font-family: pitchoun;

}

.intro_text_01{
  margin-top:15px;
  font-size:30px;
}

.sec_title_01{
  font-size:30px;
}

.sec_title_02{
	font-family: pitchoun;
  font-size:40px;
  text-align: center;
}

.week_02{
	font-family: pitchoun;
	font-size: 20px;

}

.sec_title_contributors{
	font-size:30px;
}


.week_01{

  margin:40px;
  padding: 40px;
  border-style:dotted;
  border-width:7px;
  border-color: blue;
  margin-top:30px;
  max-width:70%;
}
.week_02{
  margin:40px;
  padding: 40px;
  background-color: yellow;
  text-align: center;
  margin-top:30px;
  max-width:70%;
  right: 0px;
  margin-left: 30%;

}

ul#table_content_02 li{    
 display: inline; 
 align-content: initial;
 margin-left:5px;
  }
  
ul#table_content_02{    
    margin-left: 15px; 
    margin-right: 30px;  
    margin-top: 30px;    
    margin-bottom: 20px;    
    padding-bottom: 20px;   
    position: relative;  
  }

  #table_content_02 span{
    margin-left: 5px;
    color: orangered;
    font-size: 25px;

  }

.audio_01{
  width:100%;
  margin-top:40px;
}

.contributors{
color: orangered;
  margin:40px;
}

.contributors_names{
	color: orangered;

 margin-top: 15px;
}

audio{
width:90%;
  color:white;
}

a{
  color:red;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

.now_playing{
  color: red;
}