@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");html{margin:0;padding:0}body{height:100vh;margin:0;padding:0;display:grid;grid-template-rows:1fr 4fr 2fr 5fr 1fr;grid-template-columns:0fr 1fr 5fr;gap:12pt;grid-template-areas:". .       main" ". info    main" ". nav     main" ". .       main" ". footer  main";background-color:whitesmoke;color:#333;overflow:hidden;line-height:1.5;font-family:Roboto, sans-serif;font-size:16pt}h1,h2,h3,h4,h5,h6{margin:0}h6{font-weight:lighter}a{color:inherit;text-decoration-line:underline;text-underline-offset:5%;text-decoration-skip-ink:none;text-decoration-thickness:.1rem;text-decoration-color:rgba(0,128,0,0.5);transition-property:text-decoration-thickness, text-underline-offset, text-decoration-color;transition-duration:0.15s;transition-timing-function:ease-out}a:visited{text-decoration-color:rgba(0,100,0,0.5)}a:hover{text-decoration-thickness:.3rem;text-underline-offset:10%;text-decoration-color:rgba(0,128,0,0.9)}a:visited:hover{text-decoration-color:rgba(0,100,0,0.9)}.sidebar ul{list-style-type:none;padding-left:0;font-weight:lighter}.svg-icon{width:1em;height:1em;display:inline-block;fill:#828282;vertical-align:text-top}ul{margin-top:0}header{grid-area:info;align-self:center;max-height:100%;line-height:1.2}header h6{white-space:nowrap}header .username{visibility:hidden}header ul{white-space:nowrap;display:flex;margin-top:10px}header ul>a{text-decoration:none !important}header ul li{width:25px}header a:hover .svg-icon{fill:black;transition-property:fill;transition-duration:0.15s;transition-timing-function:ease-out}svg{box-sizing:content-box}nav{grid-area:nav;align-self:center;min-height:min-content;max-height:100%}nav a{text-decoration-thickness:.1rem}nav ul li{max-width:max-content}main{grid-area:main;height:100%;overflow-x:hidden;overflow-y:scroll}#content-wrapper{padding:2rem;padding-left:2vw}footer{grid-area:footer}hr{color:green;border-width:.2rem;border-style:solid;border-radius:0}.skills>ul{margin-left:0;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr));gap:1rem}.skills>ul>li{list-style-type:none}.skill-category{white-space:nowrap;font-size:1.2rem}.skill-list{padding-left:1.5rem;list-style-type:circle;font-size:1rem}section h4{margin-top:0;margin-bottom:1rem;font-weight:lighter}section ul{padding-left:1rem;font-size:1rem}section .title-plus-company{font-weight:lighter}section .title-plus-company .title,section .title-plus-company .company{font-weight:bold}figure{overflow-x:auto}@media screen and (min-width: 1200px){#content-wrapper{max-width:900px}}@media screen and (max-width: 700px){html,body{overflow:hidden}body{grid-template-columns:1fr 1fr;grid-template-rows:1fr 5fr 1em;gap:.5em;grid-template-areas:"info nav" "main main" "footer footer"}header{padding-left:0.5rem}header .social-media-list{margin-top:5px;margin-bottom:0}header .social-media-list a li{font-size:32px;width:32px;margin-right:20px}header .social-media-list a li .svg-icon{width:32px;height:32px}nav ul{display:flex;flex-flow:row;flex-wrap:wrap;justify-content:center;margin:0}nav ul li{font-size:2rem;padding-right:20px}#content-wrapper{padding:0 2rem 10vh 1rem}}@media screen and (max-width: 400px){html{overflow-y:scroll;overflow-x:hidden}body{height:auto;display:block;font-size:12pt}main{overflow-x:hidden;overflow-y:hidden}}@media print{body{padding:15px;display:block;background-color:white;color:black;font-size:11pt}nav,footer{visibility:hidden;block-size:0}header ul{margin:10px 0}header ul a{color:black}header ul a li{width:auto}header a .username{visibility:visible;padding-right:5px}main{height:auto;overflow:inherit;padding:0}.skill-category{font-size:1.2em}section h3{font-size:1.3rem}section h5{font-size:1.1rem}}