nav{display:flex}nav ul{flex-flow:wrap;align-items:flex-end;padding:0;display:flex}nav li{text-transform:uppercase;list-style:none}nav li a{color:#fff;text-decoration:none;display:flex;position:relative}nav li a:hover,nav li a.active{color:#999}@media only screen and (width>=481px){nav ul{gap:2.5rem;margin:0 2rem 0 0}nav li{background-color:#69012c;border-top:4px solid #000;border-left:4px solid #000;border-right:4px solid #000;padding:0 5px 5px;font-size:1rem;position:relative;bottom:-4px}nav li a{align-items:flex-end;height:100%}nav li.nav-about a{height:2.2rem}nav li.nav-retouching a{height:5.4rem}nav li.nav-graphic-design a{height:1.9rem}nav li.nav-resume:before,nav li.nav-contact:before{content:"";background-color:#69012c;border:5px solid #000;border-bottom:0;position:absolute;left:-5px}nav li.nav-resume:before{width:2rem;height:15px;top:-20px}nav li.nav-resume a{height:2.8rem}nav li.nav-contact:before{width:3.75rem;height:30px;top:-35px}nav li.nav-contact a{height:2.4rem}}@media only screen and (width<=480px){nav{background:linear-gradient(#3f1325 0%,#69012c 100%);width:100%;height:178px}nav ul{place-content:space-around center;gap:0;width:100%;margin:0;position:relative}nav ul li{text-align:center;width:29%;min-width:29%;max-width:29%;height:4rem;padding:0;font-size:.8rem}nav ul li a{justify-content:center;align-items:center;height:calc(4rem - 4px)}nav ul li.nav-about,nav ul li.nav-graphic-design{border-top:4px solid #000;border-left:4px solid #000;border-right:4px solid #000}nav ul li.nav-about:before,nav ul li.nav-graphic-design:before{content:"";background-color:#000;width:calc(6.5% - 7px);height:4px;position:absolute;top:calc(4rem + 11px)}nav ul li.nav-resume,nav ul li.nav-contact{border-left:4px solid #000}nav ul li.nav-resume:before,nav ul li.nav-contact:before{content:"";background-color:#000;width:calc(21% - 3px);height:4px;position:absolute}nav ul li.nav-about:before{left:0}nav ul li.nav-retouching,nav ul li.nav-resume{border-bottom:4px solid #000}nav ul li.nav-retouching a,nav ul li.nav-resume a{top:4px}nav ul li.nav-graphic-design:before{right:0}nav ul li.nav-resume:before{bottom:calc(4rem + 10px);left:0}nav ul li.nav-contact{border-top:4px solid #000;border-right:4px solid #000}nav ul li.nav-contact:before{bottom:10px;right:0}}header{background:url(/assets/nav-bg-etiZVW0S.jpg) repeat-x;border-bottom:4px solid #000;flex-flow:wrap;min-height:130px;display:flex}header h1{flex-grow:1;justify-content:center;align-items:center;margin:0;display:flex}@media only screen and (width<=1079px){header{border-bottom:none}header h1{border-bottom:4px solid #000;flex-flow:column;height:130px}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{color:#fff;z-index:100;background:#000;padding:.5rem 1rem;transition:transform .2s;position:absolute;left:50%;transform:translate(-50%,-100%)}.skip-link:focus{transform:translate(-50%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#69012c;margin:0;font-family:Arial,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{max-width:1200px;margin:0 auto}main>div{margin:3rem 1.5rem}@media only screen and (width<=480px){main>div{margin:1.5rem}}