@font-face {
font-family: 'taiko';
src: url('taiko font.ttf') format('truetype');
}

.inline {
display: inline-block;
}
.fourohfour {
font-family: taiko;
text-align: center;
font-size: 200px;
}
.fofcolor {
background-color: #defdff;
}
.worm {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
body.plays {
background-image: url('taiko bg.png');
background-size: 1920px 1080px;
}
body.ost {
background-image: url('taiko bg2.png');
background-size: 1920px 1080px;
}
body.sprite {
background-image: url('taiko sprite bg.png');
}
figcaption.sketchpages {
color: #dedede;
}
.taikofont {
text-shadow: 1px 1px 0 white,
-1px 1px 0 white,
1px -1px 0 white,
-1px -1px 0 white,
0px 1px 0 white,
0px -1px 0 white,
-1px 0px 0 white,
1px 0px 0 white,
2px 2px 0 white,
-2px 2px 0 white,
2px -2px 0 white,
-2px -2px 0 white,
0px 2px 0 white,
0px -2px 0 white,
-2px 0px 0 white,
2px 0px 0 white,
1px 2px 0 white,
-1px 2px 0 white,
1px -2px 0 white,
-1px -2px 0 white,
2px 1px 0 white,
-2px 1px 0 white,
2px -1px 0 white,
-2px -1px 0 white;
}
h1.taiko {
font-family: 'taiko';
font-size: 40px;
margin: 10px;
}
h2.taiko {
font-family: 'taiko';
font-size: 20px;
}
h3.taiko {
font-family: 'taiko';
font-size: 25px;
}
h6.taiko {
font-family: 'taiko';
font-size: 15px;
}
p.taiko {
font-family: 'taiko';
font-size: 20px;
}
figcaption.taiko {
font-family: 'taiko';
color: white;
}
figcaption.plays {
font-size: 19px;
margin: 3px;
}
figcaption.ost {
font-size: 15px;
}
img.ost {
border-style: solid;
border-color: white;
border-width: 5px;
border-radius: 10px;
display: inline-block;
}