html{font-family:sans-serif}
body{margin:10px 4%; padding:0;position:relative;}
header,h1{font-size:2em;font-weight:bold;}
header::before{content:"\1f511";font-size:3em;padding-right:0.3em}
figure{margin:0;border:thick solid red;padding:1em;overflow:hidden;}
figure::before{content:"\274e";font-size:3em;padding:0.3em;float:left;}
figcaption{font-weight:bold;}
figure li{list-style:none;}
figure li a{padding:0;}
label{display:block;margin-top:0.5em;}
label::after{content:"*";color:red;padding-left:0.3em;}
input,textarea{font-family:sans-serif;font-size:100%}
input:last-child{margin-top:0.5em;}
footer ul,nav ul{margin:0;padding:0;text-align:center;}
footer li,nav li{list-style:none;display:inline;}
li a{padding:0.75em 1em;}
nav{position:absolute;top:0;left:0;right:0;}
nav li{display:inline-block;width:12em;}
nav li a{display:block;background:#333333;color:#f1f1f1;border:1px outset #000000;}
nav li a:hover{background:#dc5300;color:#ffffff;}
nav li:first-child a{border-radius:10px 0 0 10px;}
nav li:last-child a{border-radius:0 10px 10px 0;}