@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz@8..144&display=swap";@import"/css/normalize.css";:root{--color-primary: hsl(124, 46%, 51%);--color-secondary: hsl(0, 0%, 98%);--color-tertiary: hsl(197, 78%, 49%);--font-color: hsl(0, 0%, 96%);--background-color: hsl(0, 0%, 75%);--background-color: rgba(177, 177, 177, 0.5);--background-green: hsla(124, 46%, 51%, 0.5);--background-gradient: linear-gradient(119deg, var(--background-color) 54%, var(--background-green) 81%);--font-primary: "Roboto Flex", Arial, sans-serif;--nav-height: 60px;--hero-height: 2px;--footer-height: 40px}*{box-sizing:border-box;font-family:var(--font-primary)}body{margin:0;padding:0;font-family:var(--font-primary)}nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background-color:var(--color-tertiary);z-index:1;display:flex;flex-direction:row;grid-template-rows:100%;align-items:center;border-bottom:5px solid var(--color-primary)}nav .slide-animation:hover{background-position:left}nav .slide-animation{background:linear-gradient(to left, var(--font-color) 50%, purple 50%) right;-webkit-background-clip:text;background-clip:text;background-size:200%;transition:.5s ease-out}nav .slide-animation-img:hover{background-position:left}nav .slide-animation-img{background:linear-gradient(to left, rgba(0, 0, 0, 0) 50%, var(--color-primary) 50%) right;background-size:200%;transition:.5s ease-out}nav .name-box{display:flex;height:100%;align-items:center;gap:20px;padding:10px;padding-left:30px}nav .name-box a,nav .name-box a:link,nav .name-box a:visited,nav .name-box a:active{text-decoration:none}nav .name-box h3{font-size:1.9rem;font-weight:bold;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;color:var(--font-color)}nav .icons{filter:invert(100%);display:flex;gap:10px;height:100%;width:-webkit-min-content;width:-moz-min-content;width:min-content}nav .icons img{height:100%;width:35px;padding:2px;margin:0;border-radius:4px}nav ul#nav-menu{display:flex;background:var(--color-tertiary);margin:0;padding:1rem}nav ul#nav-menu li{list-style:none;text-decoration:none;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}nav ul#nav-menu li a{color:var(--color-secondary);font-size:1.5rem;font-weight:bold;text-transform:uppercase;text-decoration:none}main{margin-top:var(--nav-height);position:relative;width:100%;min-height:calc(100vh - var(--nav-height) - var(--footer-height));background:var(--background-color);background:var(--background-gradient);z-index:0;padding:30px;margin-bottom:0;overflow:hidden}main h1{transform:scale(0.94);-webkit-animation:scale 1s forwards cubic-bezier(0.5, 1, 0.89, 1);animation:scale 1s forwards cubic-bezier(0.5, 1, 0.89, 1)}@-webkit-keyframes scale{100%{transform:scale(1)}}@keyframes scale{100%{transform:scale(1)}}@-webkit-keyframes fade-in{100%{opacity:1;filter:blur(0)}}@keyframes fade-in{100%{opacity:1;filter:blur(0)}}footer{display:flow-root;bottom:0;left:0;width:100%;height:var(--footer-height);background-color:var(--color-primary);text-align:center;margin:0}@media screen and (max-width: 799px){nav .hamburger-icon{position:absolute;display:block;z-index:1;top:15px;right:3vw;padding:0;height:-webkit-max-content;height:-moz-max-content;height:max-content}nav .hamburger-icon #hamburger-label{display:inline-block;cursor:pointer}nav .hamburger-icon #hamburger-label span{z-index:-1;height:5px;width:40px;background-color:var(--color-secondary);display:block;margin:5px 0;transition:.8s ease-in-out;transform:none}nav input.hamburger-checkbox{display:none}nav #openmenu:checked~ul#nav-menu{transform:translateX(0)}nav #openmenu:checked~.hamburger-icon span:first-child{transform:translate(0%, 190%) rotate(-45deg);background-color:#000}nav #openmenu:checked~.hamburger-icon span:last-child{transform:translate(0%, -190%) rotate(45deg);background-color:#000}nav #openmenu:checked~.hamburger-icon span:nth-child(2){opacity:0}nav ul#nav-menu{position:absolute;right:0;top:0;box-shadow:-3px 0 10px #4a4a4a;border-radius:10px 0 0 10px;flex-direction:column;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100vh;transform:translateX(100%);transform-origin:0,0;transition:.6s ease-in-out}nav ul#nav-menu li{margin:6px 6vw 6px 30px}}@media screen and (min-width: 800px){nav #openmenu,nav .hamburger-icon{display:none}nav ul#nav-menu{align-items:center;justify-content:right;gap:5%;height:100%;width:100%;margin-right:calc(10vw - 80px);padding:0 2rem}}main .skill-list{display:grid;grid-gap:20px;margin-top:50px;margin-bottom:50px;margin-left:15px;padding:20px;border:2px rgba(0,0,0,.632) solid;border-radius:10px;overflow:hidden}main .skill-list li{list-style-type:none;padding:20px}main .skill-list li label{font-size:1.1em}main .skill-list li .skill-level{height:10px;background-color:#f77604;border:rgba(0,0,0,.632) solid 1px;border-radius:10px}main .skill-list li:nth-child(1) .skill-level{background-color:red}main .skill-list li:nth-child(2) .skill-level{background-color:orange}main .skill-list li:nth-child(3) .skill-level{background-color:#ff0}main .skill-list li:nth-child(4) .skill-level{background-color:green}main .skill-list li:nth-child(5) .skill-level{background-color:blue}main .skill-list li:nth-child(6) .skill-level{background-color:purple}main .skill-list li:nth-child(7) .skill-level{background-color:pink}main .skill-list li:nth-child(8) .skill-level{background-color:#000}main .skill-list .skill-container{transition:all .3s ease-in-out}main .skill-list .skill-container:hover{transform:scale(1.1)}main .skill-list .skill-container:hover{background-color:var(--color-primary);color:var(--font-color)}main .skill-list .skill-container:active{background-color:var(--color-primary);color:var(--font-color)}main .skill-list .skill-container:focus{background-color:var(--color-primary);color:var(--font-color)}main .skills{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:20px;margin-top:50px;margin-bottom:50px;padding:20px}:root{--light-green: hsl(124, 46%, 51%);--light-grey: hsl(0, 0%, 50%);--grey-to-green: linear-gradient(180deg, var(--light-grey) 8%, var(--light-green) 8%, var(--light-green) 13%, hsl(0,0,0,0) 8%)}main #intro{display:flow-root;min-height:calc(100vh - var(--nav-height) - var(--footer-height));max-width:600px}main #intro div{margin-top:14.2857142857vw}main #intro div h1{font-size:4.9em;margin-top:0;margin-bottom:0}main #intro div p{font-size:1.3em;margin-top:10px;margin-bottom:0;padding-top:30px;background:var(--grey-to-green)}main #intro .contact-me{margin-top:20px;background-color:#ff5f25;padding:20px;font-size:1.5em;color:#fff;border-radius:10px;border:1px solid gray}main #intro .contact-me:hover{background-color:#f4561d;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.632)}main .skills-section{display:grid;grid-template-columns:1fr;width:100%}main .skills-section .description{margin-top:50px;margin-bottom:50px;margin-left:15px;padding:20px;position:relative;border:2px rgba(0,0,0,.632) solid;border-radius:10px}main .skills-section .description p{font-size:1.3em}main .skills-section audio{width:90%}#background-nerd{position:absolute;top:-160px;left:80px;font-size:20em;color:rgba(69,186,77,.168);z-index:-1}@media screen and (min-width: 800px){main #intro{height:calc(100vh - var(--nav-height) - var(--footer-height))}main #intro div{margin-top:25vh}main .skills-section{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));width:100%}main .skills-section audio{position:absolute;bottom:90px;width:90%}#intro div h1{font-size:3.5em}#intro div p{font-size:1.1em}}/*# sourceMappingURL=index.css.map */