html{width:100%}body{background:#f4f2ef;font-family:"Inter",sans-serif;margin:24px auto 0;padding:0;width:800px}.white,.white>*{color:#fff}.black,.black>*{color:#000}.lighter-gray,.lighter-gray>*{color:#f6f7f8}.light-gray,.light-gray>*{color:#f4f4f4}.medium-gray,.medium-gray>*{color:#dfdfdf}.gray,.gray>*{color:#ccc}.dark-gray,.dark-gray>*{color:#777}.dark,.dark>*{color:#2e3135}.blue-tint,.blue-tint>*{color:#f2f5ff}.light-blue,.light-blue>*{color:#23bef9}.blue,.blue>*{color:#007acc}.dark-blue,.dark-blue>*{color:#1d567b}.highlight,.highlight>*{color:#d4e7fa}.light-orange,.light-orange>*{color:#ffcc3b}.orange,.orange>*{color:#ff8d00}.red,.red>*{color:#ed1c24}.medium-red,.medium-red>*{color:#cd141b}.dark-red,.dark-red>*{color:#c31a21}.pale-green,.pale-green>*{color:#92c67e}.light-green,.light-green>*{color:#13d213}.green,.green>*{color:green}.pdf,.pdf>*{color:#ff2116}.microsoft_excel,.microsoft_excel>*{color:#2e7d32}.microsoft_word,.microsoft_word>*{color:#235e9d}.bg-white{background-color:#fff !important}.bg-black{background-color:#000 !important}.bg-lighter-gray{background-color:#f6f7f8 !important}.bg-light-gray{background-color:#f4f4f4 !important}.bg-medium-gray{background-color:#dfdfdf !important}.bg-gray{background-color:#ccc !important}.bg-dark-gray{background-color:#777 !important}.bg-dark{background-color:#2e3135 !important}.bg-header-light{background-color:#3c3f47 !important}.bg-header-dark{background-color:#2d3035 !important}.bg-blue-tint{background-color:#f2f5ff !important}.bg-light-blue{background-color:#23bef9 !important}.bg-blue{background-color:#007acc !important}.bg-dark-blue{background-color:#1d567b !important}.bg-highlight{background-color:#d4e7fa !important}.bg-light-orange{background-color:#ffcc3b !important}.bg-orange{background-color:#ff8d00 !important}.bg-red{background-color:#ed1c24 !important}.bg-medium-red{background-color:#cd141b !important}.bg-dark-red{background-color:#c31a21 !important}.bg-pale-green{background-color:#92c67e !important}.bg-light-green{background-color:#13d213 !important}.bg-green{background-color:green !important}.bg-pdf{background-color:#ff2116 !important}.bg-microsoft_excel{background-color:#2e7d32 !important}.bg-microsoft_word{background-color:#235e9d !important}.text-left{text-align:left}@media(min-width: 700px){.text-left-sm{text-align:left}}@media(min-width: 900px){.text-left-md{text-align:left}}@media(min-width: 1200px){.text-left-lg{text-align:left}}.text-center{text-align:center}@media(min-width: 700px){.text-center-sm{text-align:center}}@media(min-width: 900px){.text-center-md{text-align:center}}@media(min-width: 1200px){.text-center-lg{text-align:center}}.text-right{text-align:right}@media(min-width: 700px){.text-right-sm{text-align:right}}@media(min-width: 900px){.text-right-md{text-align:right}}@media(min-width: 1200px){.text-right-lg{text-align:right}}a{color:#007acc;text-decoration:underline}a:hover{text-decoration:none}h2,h3,h4{margin:0}h2{margin-bottom:16px;font-size:36px;font-weight:100}h3{font-size:22px;font-weight:100}h4{font-size:16px}hr{height:1px;margin:16px 0;background:rgba(0,0,0,.1);border:none}img{max-width:100%}.container{margin:auto 8px}@media(min-width: 900px){.container{margin:auto 16px}}@media(min-width: 1200px){.container{margin:auto 40px}}table{border-collapse:collapse;width:100%}table thead{display:none}table thead tr th{padding:0 8px;font-size:14px;text-align:left}table thead tr th.atc{width:20px}@media(min-width: 700px){table thead{display:table-header-group}}table tr{display:block;margin-bottom:8px;padding:8px;position:relative;border:1px solid rgba(0,0,0,.1);border-radius:4px}@media(min-width: 700px){table tr{border:none;margin-bottom:0;border-radius:0}}table tr td{display:block;padding:0}table tr td[data-th]:before{content:attr(data-th) ": ";font-weight:bold}@media(min-width: 700px){table tr td{border:1px solid #dfdfdf;display:table-cell;padding:8px;max-width:300px}table tr td[data-th]:before{content:none}}@media(min-width: 700px){table tr{display:table-row;padding:0}}h1{color:#007acc}#navigation{background:#e5e5e5;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;text-align:center}@media(min-width: 700px){#navigation{position:static;height:auto;width:auto;border-radius:100px}}#navigation>a{display:block;margin:32px 0;text-decoration:none;color:#000;position:relative}@media(min-width: 700px){#navigation>a{display:inline-block;margin:12px 6px;border-bottom:2px solid rgba(0,0,0,0)}}@media(min-width: 700px){#navigation>a.current:after,#navigation>a:hover:after{content:"";position:absolute;bottom:-4px;left:25%;display:block;height:2px;width:50%;background:#d4a25e}}@media(min-width: 700px){#navigation .right{margin:0;position:absolute;top:8px;right:8px}}#navigation .right a{margin:0 16px}@media(min-width: 700px){#navigation .right a{margin:0}}.projects-flex{display:flex;flex-wrap:wrap;justify-content:space-between}.projects-flex .project{flex:0 0 calc(33.33333% - 48px);background:#ddd;text-decoration:none;color:#353535;padding:16px;border-radius:8px;margin-bottom:16px}.projects-flex .project:hover{background:#ccc}.projects-flex .project h2{font-size:20px;font-weight:900;color:#353535}.projects-flex .project ul.skills{margin:0;padding:0;list-style:none}.projects-flex .project ul.skills li{display:inline-block;background:#aaa;font-size:12px;padding:4px 16px;border-radius:100px;margin-bottom:8px}#skills-container{position:relative;width:800px;height:300px;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-end;align-items:flex-end;gap:14px;padding-bottom:40px}#skills-container .skill{background-color:var(--color);color:#fff;font-weight:600;padding:12px 28px;border-radius:50px;font-size:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:rotate(var(--rotate));transition:transform .2s;white-space:nowrap}#skills-container .skill:hover{transform:rotate(0deg) scale(1.05);z-index:2}