html{scroll-behavior:smooth}body{margin:0;padding:0;height:100%;width:100%;font-family:Maven Pro,sans-serif}.container{padding:30px;margin:0 auto}a{display:inline-block;text-decoration:none}a:hover{text-decoration:none}header{height:auto;min-height:50px;background-color:#555;color:#fff;position:fixed;top:0;width:100%;transition:.5s;z-index:10}header .container{position:relative;height:100%;padding:10px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}header .logo{margin:auto 0;cursor:pointer;text-align:center;height:100%;width:26%}header .logo svg{height:100%;width:100%;padding-top:5px}header .logo svg path{fill:#fff;dominant-baseline:central;transition:.3s}header .logo:hover svg path{fill:orange}header nav{font-weight:700}header nav#toggleMenu{position:absolute;right:0;left:0;top:50px;height:0;overflow:hidden;background-color:#555;transition:.3s}header nav#toggleMenu.open{height:110px}header nav#toggleMenu a.smallNavLink{display:block;text-decoration:none;text-align:center;color:#fff;transition:.2s;margin:0;font-size:20px;line-height:35px;border-radius:0;border-top:1px solid #777}header nav a{border-radius:3px;margin:5px 0;color:#fff;font-weight:700;transition:.3s}header nav a:hover{color:orange}main{width:100%}#landing{color:#fff;min-height:95vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#landing:after{content:"";background-color:#0000004d;position:absolute;inset:0}.landing-title{-webkit-user-select:none;user-select:none;display:inline-block;text-align:center;border-radius:5px;padding:0 10px;z-index:1;cursor:pointer}.landing-title h1{margin:1rem 0;font-size:5rem}@media (max-width: 576px){.landing-title h1{font-size:3rem}}.landing-title h2{margin:1rem 0;font-size:3rem}@media (max-width: 576px){.landing-title h2{font-size:2rem}}section{text-align:center}.headline{display:inline-block;font-size:35px;text-align:center;margin:20px 0 55px;position:relative;z-index:0}.headline:after{position:absolute;content:"";display:block;bottom:-5px;left:25%;width:50%;height:4px;background-color:#228b22}#about{min-height:100vh}#about h3{font-size:x-large}#about .row{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:center}#about .intro{padding:0 10px;font-size:18px;margin-bottom:20px;line-height:25px;max-width:750px}#about .intro h3:first-child{margin-top:0}#about .intro h3{margin-top:40px}#about .intro p{color:#4d4d4d}#about .skills{margin-top:20px;width:100%}#about .skills .skill-category{margin:40px auto;border:2px solid #cecece;border-radius:10px}#about .skills .skill-category .skill-category-title{border-bottom:2px solid #cecece;margin-bottom:10px}#about .skills .skill-category .skill-category-title h4{margin:5px auto;font-size:large;font-weight:400;text-align:center}#about .skills .skill-category .skill-category-body{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#about .skills .skill-category .skill-category-body .skill{margin:10px;width:70px}#about .skills .skill-category .skill-category-body .skill img{margin:0 auto;width:100%;height:60px;object-fit:contain}#about .skills .skill-category .skill-category-body .skill p{text-align:center}#projects{min-height:100vh;background-color:#ccd8cc}#projects .grid-container{margin-top:15px;display:grid;grid-gap:25px;justify-content:center}#projects .grid-container .col{background-color:#ddd;border:1px solid #666}#projects .grid-container .col .img-frame{width:100%;height:210px;overflow:hidden}#projects .grid-container .col .img-frame img{width:100%;height:100%;object-fit:cover;transition:1s}#projects .grid-container .col .img-frame:hover img{transform:scale(1.3)}#projects .grid-container .col .description{text-align:left;padding:0 15px;font-size:17px}#projects .grid-container .col .description p{min-height:70px}#projects .grid-container .col .description ul{min-height:60px;margin-top:5px;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start}#projects .grid-container .col .description ul li{display:inline-block;border:1px solid black;border-radius:5px;text-align:center;padding:0 3px;margin:0 3px 7px}#projects .grid-container .col .project-links{margin:10px 0 15px;display:flex;justify-content:space-evenly}#projects .grid-container .col .project-links a{display:inline-block;border-radius:5px;padding:7px 9px;text-align:center;transition:.3s}#projects .grid-container .col .project-links .website{background-color:#f29d00;color:#fff}#projects .grid-container .col .project-links .website:hover{transform:scale(1.2)}#projects .grid-container .col .project-links .github{background-color:#333;color:#fff}#projects .grid-container .col .project-links .github i{margin-right:5px}#projects .grid-container .col .project-links .github:hover{transform:scale(1.2)}#contact{margin-bottom:3rem;margin:0 auto;text-align:center}#contact .email{font-size:25px;margin-bottom:30px}#contact .email a{position:relative;color:#222}#contact .email a:after{content:"";position:absolute;background-color:#222;height:2px;width:0;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);-webkit-transition:.5s cubic-bezier(.68,-.55,.265,1.55) all;transition:.5s cubic-bezier(.68,-.55,.265,1.55) all}#contact .email a:hover:after{width:100%}#contact .social-media{display:flex;justify-content:center}#contact .social-media a{margin:0 5px}#contact .social-media i{color:gray}footer{text-align:center;margin:2rem auto}@media (min-width: 768px){.container{padding:40px 90px;margin:0 auto}header.default{height:100px;min-height:100px;background-color:transparent}header.scrolled{height:50px;min-height:50px;background-color:#555}}@media (min-width: 768px) and (min-width: 1024px){header.scrolled .logo{width:11%}}@media (min-width: 768px) and (min-width: 1200px){header.scrolled .logo{width:8%}}@media (min-width: 768px){header .container{padding:0 90px}header .logo{height:auto;width:14%;transition:.5s}}@media (min-width: 768px) and (min-width: 1200px){header .logo{width:10%}}@media (min-width: 768px){header nav{display:flex;margin:auto 0}header nav a{display:inline-block;padding:0 1.5rem}}@media (min-width: 768px) and (max-width: 1023px){header nav a:last-child{padding:0 0 0 1.5rem}}@media (min-width: 768px) and (min-width: 1200px){header nav a{padding:0 1.5rem}}@media (min-width: 768px) and (min-width: 1024px){#about.container{padding:40px 150px}}@media (min-width: 768px){#about .intro{margin:0 auto;padding:0 40px}#about .skills .skill-category{display:flex;justify-content:space-between;margin-right:90px;margin-left:90px}#about .skills .skill-category .skill-category-title{border-bottom:none;display:flex;justify-content:center;align-items:center;width:25%;margin:0;border-right:2px solid #cecece}}@media (min-width: 768px) and (min-width: 1440px){#about .skills .skill-category .skill-category-title{width:15%}}@media (min-width: 768px){#about .skills .skill-category .skill-category-title h4{font-size:x-large;margin:auto 0;padding:0;width:100%}#about .skills .skill-category .skill-category-body{width:75%}}@media (min-width: 768px) and (min-width: 1440px){#about .skills .skill-category .skill-category-body{width:85%}}@media (min-width: 768px){#about .skills .skill-category .skill-category-body .skill{width:85px;margin:35px 40px}#about .skills .skill-category .skill-category-body .skill img{width:100%;height:85px}#projects .grid-container{grid-auto-flow:row;grid-gap:40px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}#contact .email{font-size:30px}}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay{-webkit-animation-delay:.5s;animation-delay:.5s}#burger-icon{position:relative;cursor:pointer;width:25px;padding:10px 0;z-index:10;background-color:transparent;border:none}#burger-icon span{position:absolute;display:block;background-color:#fff;height:3px;width:50%;transform:rotate(0);transition:.25s ease-in-out}#burger-icon span:nth-child(2n){left:50%}#burger-icon span:nth-child(odd){left:0}#burger-icon span:nth-child(1),#burger-icon span:nth-child(2){top:0}#burger-icon span:nth-child(3),#burger-icon span:nth-child(4){top:8px}#burger-icon span:nth-child(5),#burger-icon span:nth-child(6){top:16px}#burger-icon.burger-open span:nth-child(1),#burger-icon.burger-open span:nth-child(6){transform:rotate(45deg)}#burger-icon.burger-open span:nth-child(2),#burger-icon.burger-open span:nth-child(5){transform:rotate(-45deg)}#burger-icon.burger-open span:nth-child(1){left:2px;top:4px}#burger-icon.burger-open span:nth-child(2){left:calc(50% - 2px);top:4px}#burger-icon.burger-open span:nth-child(3){left:-50%;opacity:0;width:0}#burger-icon.burger-open span:nth-child(4){left:150%;opacity:0;width:0}#burger-icon.burger-open span:nth-child(5){left:2px;top:12px}#burger-icon.burger-open span:nth-child(6){left:calc(50% - 2px);top:12px}