body {
	background-color:#fac1a7;
	background-image:url('wataru_birds.png');	
}

@font-face {
    font-family: Boldena;
    src: url(boldena.ttf);
}

@font-face {
    font-family: Family;
    src: url(family.ttf);
}

p {

	/* Boldena font by variatype 
	https://www.fontspace.com/boldena-font-f89662
	
	Family font by Jeffrey Martin Design
	https://www.fontspace.com/family-font-f55823
	*/

	font-size:17px;
	text-align:center;
	color:#A92E40EE;
	text-shadow: 2px 2px 3px #ffebb7;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-weight:600;
	letter-spacing:0.01em;
	word-spacing:0.01em;
	padding-left:10px;
	padding-right:10px
}

a:hover {
	color:#37955C;
	font-style:italic;
}

.player a {
	color:#50CF30;
	font-variant:small-caps;
	background-color: #FFF2D290;
}

.recs {
	color:#3399FF; 
}


.recs:hover {
	color:#0D57D2
}

.updates {
  display:none; 
  font-size:12px; 
  margin:auto; 
	width:120px; 
	text-align:center; 
	padding-bottom:6px; 
	padding-top:6px;
	height:230px; 
	overflow:auto; 
	background-color:#FFF2D2; 
	margin-top:8px;
	border:3px inset #FFF2D2CC; 
	margin-bottom:16px  
}

#main {
	background-color:#ffebb7;
	background-image:url('wataru_floralpattern.png');
	width:70%;
	min-width:600px;
	margin:auto;
	height:auto;
	padding:10px;
	border-radius:20px;
	box-shadow:5px 5px 3px #CE6565BB, -2px -2px 2px #ffffff30;
}

#introp {
  margin:0px; 
  margin-top:-10px; 
  margin-bottom:8px
}

@media (max-width: 800px) {
    #main {
        width:100%
    }
}

#headerlogo {
	min-width:250px; 
	max-width:378px; 
	width:40%
}

#maininner {
	height:auto;
	width:auto;
	margin:0px;
	border:6px double #ca3f4a60;
	border-radius:20px;
	margin-top:10px;
}

#main1 {
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	height:auto
}

#main2 {
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	height:auto;
	flex-wrap:wrap
}

#main3 {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	margin-top:-20px
}

#main4 {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	margin-top:-2px;
	margin-bottom:10px
}

#gruesomeimg {
  border:3px double #326339; 
  margin:4px
}

#feelingp {
  font-size:small; 
  margin:auto; 
  width:180px; 
  color:white; 
  text-align:center; 
	background-color:#77AF4E; 
	text-shadow:none; 
	border:3px double #ffebb7 
}

.gridsection {
	width:33%;
	min-width:180px
}

.gridsection a {
	color:#2e781c;
	font-variant:small-caps;
	background-color: #FFF2D290;
}

.gridsection a:hover {
	color:#1e4e12;
}

audio::-webkit-media-controls-panel{
	background-color:#F29B8E;
	background-position:center;
	border: 1px solid #E24545;
	}	

.leftdecoration {
	text-align:left;
	margin:0px;
	padding:10px
}

.special {
	color:#63b4ba;
	font-weight:bold
}

.linkheader {
	font-family:Family;
	letter-spacing:0.15em;
	font-weight:400;
	font-size:22px;
	margin-bottom:-12px
}

#notes {
	display: flex;
  align-items: center;
  justify-content: center;
  width:380px; 
  height:245px; 
  background-image:url('wataru_note.png'); 
	border-radius:5px
}

#notesp {
	font-family:Boldena;
	font-size:16px;
	padding:10px;
	width:300px;
	height:225px;
	margin:0px;
	margin:auto;
	text-align:center;
	text-shadow:
   -2px -2px 0 #fff,  
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
     2px 2px 0 #fff;
     align-items:center;
}

#footer {
	background-color:#ffebb7;
	background-image:url('wataru_floralpattern.png');
	width:70%;
	min-width:600px;
	margin:auto;
	height:auto;
	padding:10px;
	border-radius:20px;
	box-shadow:5px 5px 3px #CE6565BB, -2px -2px 2px #ffffff30;
}

#buttons {
	width:60%;
	min-width:540px;
	margin:auto;
	height:auto;
	padding:10px;
}