:root{--accent:rgb(21, 111, 247)}body{background:#fff;color:#222;font-family:sans-serif;line-height:1.5;margin:0 auto;padding:1rem;max-width:1e3px;font-family:work sans}a{color:var(--accent);text-decoration:none}header h1{font-weight:100;a { color: #777; }}footer{font-size:.9rem;color:#777;margin-top:2rem;text-align:center;a { color: #777777; border-bottom: 1px dotted; }}.home main{display:flex;justify-content:center;align-items:center;height:80vh;.me { height: 450px; } section.content { border: 5px solid #222; padding: 1rem 2rem; border-radius: 20px; position: relative; height: 350px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; h2 { font-weight: 800; font-size: 3.5rem; line-height: 1; margin-bottom: 0; } nav { ul, li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; } ul { display: flex; width: 100%; gap: 1rem; justify-content: center; align-items: center; } a { font-size: 1.25rem; color: #fff; background-color: var(--accent); padding: .5rem 1.5rem; border-radius: 20px; } } } section.content::before { content: ""; position: absolute; right: -62px; top: 50%; transform: translateY(-50%); border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #222; border-right: 30px solid transparent; } section.content::after { content: ""; position: absolute; right: -55px; top: 50%; transform: translateY(-50%); border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #fff; border-right: 30px solid transparent; }}@media only screen and (max-width:1000px){.home main{.me { height: 200px; } section.content { h2 { font-size: 3rem; } nav a { font-size: 1rem; } nav ul { flex-direction: column; } }}}@media only screen and (max-width:500px){.home main{.me { margin-right:-50px; height: 150px; } section.content { h2 { font-size: 2rem; } }}}.cv header h1{font-weight:800;text-align:center;font-size:3rem;a { color: var(--accent); }}.cv main{h1 { text-transform: uppercase; border-bottom: 4px solid #222; font-size: 1.5rem; margin-top: 2rem; } h2 { font-size: 1.25rem; margin-top: 0; margin-bottom: -10px; } h3 { font-size: 1rem; font-style: italic; margin-bottom: -15px; } li::marker { color: var(--accent); } .references { font-size: 1.5rem; text-align: center; font-weight: 700; }}@font-face{font-display:swap;font-family:work sans;font-style:normal;font-weight:400;src:url(/fonts/work-sans-v24-latin-regular.woff2)format('woff2')}@font-face{font-display:swap;font-family:work sans;font-style:italic;font-weight:400;src:url(/fonts/work-sans-v24-latin-italic.woff2)format('woff2')}@font-face{font-display:swap;font-family:work sans;font-style:normal;font-weight:700;src:url(/fonts/work-sans-v24-latin-700.woff2)format('woff2')}@font-face{font-display:swap;font-family:work sans;font-style:italic;font-weight:700;src:url(/fonts/work-sans-v24-latin-700italic.woff2)format('woff2')}@font-face{font-display:swap;font-family:work sans;font-style:normal;font-weight:800;src:url(/fonts/work-sans-v24-latin-800.woff2)format('woff2')}@font-face{font-display:swap;font-family:work sans;font-style:italic;font-weight:800;src:url(/fonts/work-sans-v24-latin-800italic.woff2)format('woff2')}@font-face{font-display:swap;font-family:work sans;font-style:normal;font-weight:900;src:url(/fonts/work-sans-v24-latin-900.woff2)format('woff2')}@font-face{font-display:swap;font-family:work sans;font-style:italic;font-weight:900;src:url(/fonts/work-sans-v24-latin-900italic.woff2)format('woff2')}