@charset "utf-8";
html{min-height:100vh; position:relative;}
#footer{width:100%; margin:0; padding:0.5em 0; position:absolute; bottom:0;}
#main dl{width:95%; margin:3% auto;}
#link{width:80%; position:absolute; left:10%; bottom:7%; text-align:center;}
h2{margin-top:5%;}
dt{width:30%; margin-top:2em; font-size:1.5em;}
dt a{padding:0.5em 1em; line-height:2em; display:block; border:1px solid #3f3f3f; border-radius:0.5em;}
dt a:hover{background-color:#eaea95;}
dd{margin:1em;}

@media screen and (max-width: 750px) {
h2{margin-top:auto;}
#main{height:auto; width:95%; margin:auto;}
dt{width:100%; text-align:left;}
}