貴なる腐敗の杯

Source

背景素材は自作ですので、Materialの背景素材4から保存してください。
Material-bird:青の朝陽と黄の柘榴さま (no repeat-102)
Title:ユリ柩さま

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Dosis:300|Sacramento);

@font-face{
font-family: 刻明朝;
src: url('https://cdn.leafscape.be/kokumin/font_1_kokumr_1.00_rls_web.woff')
format("woff");
}

body{
margin:0;
padding:0;
font-size:11px;
color:#ddd;
line-height:2;
letter-spacing:3px;
font-family:'Dosis',Meiryo,メイリオ, sans-serif;
background:url(#背景画像URL#),#1B073C;
background-size:300px;
text-align:center;
}

@media screen and (min-width:300px){
.box{
width:260px;
margin:20px 10px 5px 10px;
padding:10px;
background:rgba(0,0,0,0.7);
border-radius:3px;
text-align:left;
display:inline-block;
vertical-align:top;
}
}

@media screen and (max-width:301px){
.box{
width:84%;
margin:4%;
padding:4%;
background:rgba(0,0,0,0.7);
border-radius:3px;
text-align:left;
display:inline-block;
vertical-align:top;
}}

.mi{
border:none;
background:#4F204D;
font-weight:bold;
padding:0 5px;
}

.pict{
background:url(#鳥の画像URL#) center center no-repeat,#000;
background-size:150px;
width:142px;
height:142px;
border-radius:50%;
border:dotted 2px #bbb;
padding:10px;
margin:5% 3%;
margin-bottom:0;
}

.title{
font-size:25px;
font-family:'Sacramento',刻明朝;
color:#fff;
text-shadow:3px 0px rgba(204,51,153,0.6),-3px 0 rgba(0,191,255,0.6);
}

.menu{
background:rgba(0,0,0,0.7);
width:100%;
padding:10px 0;
}

.menu a{
color:#fff;
font-family:'Sacramento',刻明朝;
font-size:30px;
line-height:1;
letter-spacing:0;
background:none;
margin:0 2%;
}

p{
color:#fff;
text-shadow:2px 0px rgba(204,51,153,0.7),-2px 0 rgba(0,191,255,0.7);
font-size:27px;
line-height:0.5;
letter-spacing:0;
font-family:'Sacramento',刻明朝;
text-align:center;
display:inline;
position:relative;
bottom:15px;
}

a{
text-decoration:none;
color:#C3DEDF;
padding:3px;
background:#000;
}

a:hover{
color:#9966CC;
text-shadow:none;
}

</style>

BODY(HTML)