@import url('/fonts/futura/stylesheet.css');
@import url('/fonts/century-expanded/stylesheet.css');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Futura', sans-serif;
    font-size: 0.55rem;
}

.container {
    margin: 1rem;
}

.header h1 {
    font-size: 1rem;
    font-weight: 600;
}

.header-description {
    font-size: 0.80rem;
    font-family: 'Futura', sans-serif;
}


section h1 {
    margin-top: 0.75rem;
    font-size: 1rem;
    border-bottom: solid 1px;
}

.experience-item-title {
    font-size: 0.75rem;
    page-break-after: avoid;
    font-weight: 200;
}

.experience-item-duration {
    font-size: 0.65rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
    page-break-after: avoid;
}

.experience-item {
    margin-top: 0.65rem;
}

.experience-item p {
    margin-bottom: 1rem;
}

.experience-item-company {
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    color: black;
    page-break-after: avoid;
}

.experience-item .experience-item-description li {
    font-family: 'Century Expanded';
    font-size: 0.55rem;
    margin-left: 2em;
}

.contact-type {
    min-width: 20%;
    flex-basis: 20%;
}

.contact-item {
    display: flex;
}

.skills table {
    padding: 2em;
}

.skills table td {
    font-family: 'Century Expanded';
}

.skills table td:first-child {
    color: var(--secondary-color);
    padding: 0em 2em;
    font-family: 'Futura';
}

.education-item {
    padding: 2em;
    padding-bottom: 0.5em;
}

.education-school {
    font-family: 'Century Expanded';
}

.tech-stack ul {
    margin-top: 1rem;
    font-family: 'Futura', sans-serif;
}

.tech-stack ul::before {
    content: 'Tech:';
}

.tech-stack li {
    content: '';
}

.tech-stack li:not(:last-child)::after {
    content: ', ';
}

.tech-stack li {
    display: inline;
    color: var(--secondary-color)
}

.role, .experience-item, section {
    break-inside: avoid;
}

.header {
    break-inside: avoid;
    break-after: avoid;
}

.experience-item-company {
    break-after: avoid;
}

.contact-items {
    padding: 1rem;
}