{% macro css() %}
h1 {
    /*font-weight: 800;*/
    font-size: 3em;
    padding: 0;
    margin: 0;
    margin-left: -0.1em;
    /* text upper */
    text-transform: uppercase;
}

h2 {
    font-size: 1.1em;
    padding: 0;
    margin: 0;
}

body { min-height: 100vh; }

body {
    padding-left: 0.5em;
    margin: 0;
    font-family: 'Roboto' ;
    min-height: 200%;
}

a {
    color: black;
    text-decoration: none;
}



.about-me-small, .company {
    color: #39c0ed;
}

.about-me-title {
    padding-top: 1em;
}
.about-me {
    font-size: 8pt;
    width: 90%;
}

.part-content > * {
    padding-bottom: 0.2em;
}

.part {
    padding-top: 1em;
    font-size: 10pt;
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: normal;
    align-content: normal;
    width: 100%;
    min-height: 23.37in; /* TODO: jak udelam aby tenhle flex koncil s tistenou strankou? */
}

.flex-items:nth-child(1) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    width: 70%;
}

.flex-items:nth-child(2) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    width: 30%;
    background-color: gray;
}

.section-header {
    border-bottom: 1px solid gray;
    width: 99%;
    margin-bottom: 1em;
}

.flex-container-experience {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
  }

.flex-items-experience:nth-child(1) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    width: 70%;
    order: 0;
}

.flex-items-experience:nth-child(2) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: right;
    align-self: auto;
    width: 30%;
    margin-right: 1%;
    order: 0;
}

.flex-container-experience-langdate {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
  }

.flex-items-experience-langdate:nth-child(1) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    width: 85%;
    order: 0;
}

.flex-items-experience-langdate:nth-child(2) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: right;
    align-self: auto;
    width: 15%;
    margin-right: 1%;
    order: 0;
}

.flex-container-skills {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
    width: 99%;
  }

.section-header .flex-container-skills  {
    width: 100%;
}

.header {
    padding-top: 1em;
}

.flex-items-skills:nth-child(1) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    width: 50%;
    order: 0;
}

.flex-items-skills:nth-child(2) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: left;
    align-self: auto;
    width: 50%;
    order: 0;
}

.tech-name {
    font-weight: 800;
}

.tech-level {
}

.job p {
    margin: 0;
    padding: 0;
}

.job:nth-child(n+3) {
    padding-top: 10px;
    margin: 0;
}


.contact-bar {
    font-size: 11pt;
    padding-left: 1em;
    color: black;
}

.contact-bar i::after{
    content: "\a";
    white-space: pre;
}

.photo {
    padding-bottom: 1em;
}

.contact-bar:first-child {
    padding-top: 2em;
}

.email{

}

.icon {
    height: 1em;
    vertical-align:middle;
}

.bolder {
    font-weight: 800;
}

.title {
    font-weight: 800;
}

.experience-desc {
    max-width: 98%
}

.languages {
    font-size: 8pt;
}

{% endmacro css %}