/*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");

}

@font-face{
	font-family:"Hershey";
	src: url("font/Hershey-Noailles-timesb-handles-bold.ttf") format("truetype"),
		url("http://hershey-noailles.luuse.io/output/timesb-handles-bold/Hershey-Noailles-timesb-handles-bold.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: blue;
  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;
}

.sec_title_03{
font-family: hershey;
  font-size:40px;
text-align: center;
color: white;
text-shadow: 2px 3px 5px;
}

.text_below_3{
font-family: hershey;
  font-size:20px;
text-align: center;
color: blue;
   text-shadow: 2px;
}

.text_above_3{
font-family: hershey;
  font-size:20px;
text-align: center;
color: white;
   text-shadow: 2px;
    font-style: italic;
}
.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{
  font-family: pitchoun;
  font-size:20px;
  margin:40px;
  padding: 40px;
  background-color: yellow;
  text-align: center;
  margin-top:30px;
  max-width:70%;
  right: 0px;
  margin-left: 30%;
}

#week_03{
  font-family: hershey;
  font-size:20px;
  margin:40px;
  padding: 40px;
  background-image: linear-gradient(blue, white);
  text-align: center;
  margin-top:30px;
  max-width:70%;
  right: 0px;
  margin-right: 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;  
  }
ul#table_content_03 li{    
 display: inline; 
 align-content: initial;
 margin-left:5px;
  }
  

ul#table_content_03{    
    color: white;
    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;

  }

  #table_content_03 span{
    margin-left: 5px;
    color: yellow;
    font-size: 25px;

  }

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

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

.contributors_names{
	color: orangered;

 margin-top: 15px;
}

audio{
width:100%;
}

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

a:hover{
  text-decoration: underline;
}

.now_playing{
  color: red;
}

#track{
  display:none;
}

#shell_03 {
    white-space: pre-wrap;
    height: 40em;
    width: 100%;

    font-family: monospace;
    color: white;
    font-size: 14px;
    overflow-y: auto;
  	background: blue;
  	margin-top: 20px;
  	margin-bottom: 20px;
}

#torusKnot {
	height: 40em;
    width: 100%;
    
}