/*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; color: white; } .contributors{ color: orangered; margin:40px; } .contributors_names{ color: orangered; margin-top: 15px; } audio{ width:80%; } a{ color:red; text-decoration: none; } a:hover{ text-decoration: underline; } .now_playing{ color: red; }