body{
	background-color:rgb(208, 255, 200);
	font-size: 14px;
}

a:link{
  color: rgb(0, 0, 255);
}

a:visited{
  color:rgb(255, 0, 255);
}

a:active{
  color:rgb(0, 255, 0);
}

h1{
  color: rgb(0, 102, 255);
  font-weight: bold;
  font-size: 18px;
  margin: auto;
}

p{
  margin: auto;
}

p.title{
	margin-bottom: 20px;
}

p.year{
  font-weight: bold;
  margin-top:14px;
  margin-bottom: 14px;
}

img#creation{
  width: 372;
  height: 77;
  margin-top:10px;
}

img#midi{
  width:543;
  height:74;
  margin-top:10px;
}

img#profile{
  width: 160px;
  height:120px;
  margin-right: 10px;
  margin-bottom: 10px;
}

img#full_profile{
  margin: 10px;
}

img#classroom{
  width: 355px;
  margin: 10px;
}

img#jasrac{
  width:100px;
  height:100px;
}

div.center{
  text-align: center;
}

div.inline-flex{
  display: inline-flex;
}

div.inline-block{
  display: inline-block;
}

div.list{
  margin-top: 10px;
  margin-bottom: 10px;
}

div.youtube{
  margin: 20px;
}

div#symple_profile{
  border-style: dotted;
  border-color: purple;
  margin: 10px;
  padding: 10px;
}

div#full_profile{
  width:60%;
}

div#work_list{
  width: 40%;
  margin: 20px;
  padding-left: 10px;
  border-left-style: solid;
  border-width: 1px;
  border-color: grey;
}

div#jasrac{
  border-style: solid;
  margin: 10px;
  padding: 10px;
  border-width: 1px;
  border-color: grey;
  height: 80px;
}

div#menu_button{
  display: inline-flex;
}

li.indent1{
  margin-left: 20px;
}

button{
  width: 150px;
  background-color: purple;
  color: white;
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px grey;
}

table {
  border: 1px solid grey;
  border-collapse: collapse;
  font-size: 14px;
}

table th{
  border: 1px solid purple;
  background: grey;
  margin: 10px;
}

table td{
  border: 1px dotted purple;
  padding: 10px;
}

div.main{
	margin: 20px;
}
img.news{
	width: 200px;
	height: auto;
	margin-right: 20px;
}

p.intro{
	font-style:italic;
}
div.margin{
	padding: 10px;
}