html{scroll-behavior:smooth;font-size:62.5%;overflow-x:hidden}body{fill:currentColor;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Roboto,sans-serif;font-size:1.4rem;font-weight:200;position:relative}*{transition:background-color 1s,color .8s}a{cursor:pointer;color:var(--link-text-color);text-decoration:none}a:hover,a:focus{color:var(--link-text-hover-color)}svg{width:100%;max-width:100%;height:100%;max-height:100%;transition:none}svg *{transition:none}main{flex-direction:column;flex:100%;display:flex}section{min-height:200px}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:Lexend,sans-serif;font-weight:500;line-height:1}h1{font-size:4rem}h2{font-size:3.25rem}h3{font-size:2.75rem}h4{font-size:2rem}h5{font-size:1.75rem}h6{font-size:1.5rem}p{font-size:1.6rem}.container{width:100%;padding-left:var(--spacing-horizontal);padding-right:var(--spacing-horizontal);margin:0 auto}.title{color:var(--text-accent-color);text-shadow:2px 2px var(--secondary-color)}.links ul{flex-direction:row;list-style-type:none;display:flex}.links ul li{flex-shrink:0;margin:0 .5rem}.links ul li a{text-transform:uppercase;text-align:center;color:var(--list-link-color);padding:.5rem;font-weight:700;text-decoration:none;display:block;position:relative}.links ul li a:before{content:"";visibility:hidden;background-color:var(--list-link-color);width:100%;height:2px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.links ul li a.active:before{visibility:visible;transform:scaleX(1)}.skills .skill{border:.1rem solid var(--border-color);background-color:var(--element-color);cursor:default;color:#fff;border-radius:4rem;padding:.2rem 1rem}@media (min-width:640px){.links ul li{margin:0 1rem}}@media (min-width:1400px){.container{width:1280px}.links ul li{margin:0 2rem}}@media (hover:hover){.links ul li a:hover:before{visibility:visible;transform:scaleX(1)}}