*{
padding:0;
margin:0;
font-family: -apple-system, BlinkMacSystemFont,
"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body{
text-align: center;
background-image: url("https://img.freepik.com/free-vector/valentines-day-vector-seamless-abstract-background-illustration-with-translucent-heart-shapes_8130-1891.jpg");
background-attachment: fixed
}h1{
font-family: -apple-system, Hannotate SC, sans-serif;
font-weight: normal;
opacity: 0.3;
font-size: 1.1em;
color: lightyellow;
background-color: mediumvioletred;
padding: 14px;
margin-bottom: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
h2{
font-weight: normal;
font-size: 0.9em;
color: chocolate;
padding-top: 12px;
}button{
opacity: 0.6;
}
button.ex{
font-size: 1.0em;
color: blue;
background-image: -webkit-linear-gradient(mistyrose 0%, peachpuff 100%);
    background-image: linear-gradient(mistyrose 0%, peachpuff 100%);
border: solid 1px navajowhite;
border-radius: 1.0em;
width: 78%;
height: 3.0em;
margin: 16px;
box-shadow: 0 3px 6px rgba(0,0,0,0.5);
}
button.ex:active{
    color: white;
    background: cornflowerblue;
}p.ranking a{
font-size: 0.9em;
line-height: 2;
color: rgba(0,0,0,0.5);
text-decoration:none;
text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}p.link a{
font-size: 1.2em;
line-height: 8;
color: rgba(0,0,0,0.3);
text-decoration:none;
}
address{
color: rgba(0,0,0,0.4);
padding: 220px 0px 20px 0px;
text-align:center;
font-size: 0.8em;
font-style:normal;
}