body { height: 100vh; justify-content: center; background-color: #292929; }

body #logo { width: calc(min(60vw, 60vh)); height: calc(min(60vw, 60vh)); }

* { box-sizing: border-box; }

body { padding: 0; background: #fff; color: #333; display: flex; flex-direction: column; align-items: center; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }

body > * { padding: 24px 32px; width: 100%; }

@media print { body > * { padding: 12px 32px; } }

body > section { display: flex; flex-direction: column; align-items: center; max-width: 600px; }

@media print { body > section { max-width: 100%; padding-left: 0; padding-right: 0; } }

body > section:not(:last-child) { border-bottom: 4px solid #3c9; }

@media print { body > section:not(:last-child) { border-bottom: none; } }

body > section > h2 { text-transform: uppercase; color: #999; font-weight: 400; }

.header { color: #3c9; min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 4px solid #3c9; }

.header__name { font-weight: 400; margin-bottom: 12px; }

.header__details { display: flex; flex-direction: column; align-items: center; margin-bottom: 12px; }

.header__details > a { color: #3c9; text-decoration: none; }

.header__detail { margin-top: 4px; text-align: center; }

.header__detail-section { white-space: pre; }

@media print { .header { min-height: 0px; } }

.experience, .education { padding: 6px 24px; width: 100%; }

@media print { .experience, .education { padding: 12px 24px; } }

.experience > header > h3, .education > header > h3 { margin: 0; }

.experience__time, .education__time { font-size: 12px; padding-top: 2px; }

.experience__job { font-weight: 400; }

.experience__title, .experience__company { font-weight: 600; }

.experience__projects { border-left: 4px solid #3c9; padding-left: 20px; }

.project { margin-top: 24px; }

.project > h4 { margin: 0; }

.project > p { font-size: 14px; }

.experience__technologies, .project__technologies { display: flex; flex-wrap: wrap; padding: 0; margin: 15px 0 0; }

.experience__technologies > li, .project__technologies > li { background: #eee; display: block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; font-size: 12px; }

@media print { .experience__technologies > li, .project__technologies > li { padding: 0; margin-top: -10px; margin-bottom: 0; background: transparent; } .experience__technologies > li:not(:last-child)::after, .project__technologies > li:not(:last-child)::after { content: ","; } }

/*# sourceMappingURL=main.css.map */