body {
font-family: Roboto, Arial, sans-serif;
font-size: 18px;
line-height: 24px;
width: 100%;
height: 100%;
margin: 0;
border: 0;
color: #000;
}
h1 {
font-size: 115%;
font-weight: bold;
}
h2 {
font-size: 85%;
font-weight: bold;
margin-bottom: 4px;
}
div {
padding: 2px 4px;
}
#main {
background-color: #fff;
padding: 4px 8px;
}
#head {
background-color: #eee;
font-size: 75%;
}
#head, #head a {
color: #666;
}
#head {
border-bottom: 1px solid #ccc;
}
html {
background-color: #fff;
}
.sepafter:after {
content: " | ";
}
/*
dt:after {
content: ":";
}
*/
address {
display: flex;
}
table {
border: 0;
}
td {
vertical-align: top;
}
address {
font-style: normal;
margin-left: 1em;
}
address tr td:first-child {
text-align: right;
padding-right: 0.33em;
}
address tr td:first-child:after {
content: ":";
}
a {
color: #000;
text-decoration: underline;
text-decoration-style: dotted;
}
a.current {
text-decoration: none;
border: 1px solid #999;
border-radius: 4px;
padding-left: 2px;
padding-right: 2px;
cursor: default;
background-color: #e8e8e8;
}
@font-face {
    font-family: 'Unifont Upper';
    src: url('./UnifontUpperMedium-subset.woff?v=2') format('woff');
    font-weight: 500;
    font-style: normal;
}
#data-birth-lock, #data-tel-lock, #data-email-lock {
cursor: pointer;
}
code {
font-size: 75%;
}
.symbol {
font-family: 'Unifont Upper';
font-weight: 500;
font-style: normal;
font-size: 16px;
user-select: none;
}