@import url('/css/common.css');

body {
    background: gray;
}
h2 {
    font-size: 16pt;
}

h3 {
    font-size: 12pt;
}

li:before {
    margin: 50pt 5pt 0 10pt;
}

#page {
    width: 17cm;
    height: 26.6cm;
    margin: 0 auto;
    background: white;

    padding: 1.5cm 2cm;
    font-size: 10pt;
    color: #333333;
}

#information > .website > svg {
    width: 16pt;
    height: 16pt;
    margin: 2pt;
}

#information > .birth-date > svg {
    width: 18pt;
    height: 18pt;
    margin: 1pt;
}

#left {
    float: left;
    width: 45%;
}

#right {
    float: right;
    width: 45%;
}

#about {
    font-size: 8pt;
}

#experiences h3 {
    margin-top: 14pt;
    padding-bottom: 3pt;
}

#experiences .link {
    font-size: 8pt;
    line-height: 14pt;
    font-style: italic;
}

#experiences a {
    color: #333333;
    text-decoration: none;
}

#experiences .period {
    font-style: italic;
    color: #000000;
    padding-left: 5pt;
}

#experiences .description {
    font-size: 8pt;
}

.school .period {
    float: left;
    text-align: center;
    width: 72pt;
    margin-top: 5pt
}
.school .en.period {
    width: 66pt;
}
.school:first-child {
    padding-bottom: 3pt;
    border-bottom: 1px solid #eee;
}

.school:last-child {
    padding-top: 3pt;
}

#skills-header {
    clear: both;
    float: left;
    width: 100%;
}

.skills-class {
    float: left;
    width: 30%;
}

.skills-class:first-child {
    margin-right: 5%;
}

.skills-class:last-child {
    margin-left: 5%;
}

#footer {
    float: left;
    margin-top: 16pt;
    text-align: center;
    font-size: 8pt;
    width: 15.8cm;
    border-top: #999999 solid 1px;
    padding: 2px 0.6cm 0 0.6cm;
    clear: both;
}