.skip-to-main{position:fixed;top:-40px}.skip-to-main:focus{background-color:var(--med-gray);box-shadow:2px 2px 5px 1px var(--shadow);justify-self:center;position:fixed;top:80px;z-index:12}.button-container{display:grid;grid:1fr/1fr}.button,.logo,.outline{align-items:center;background-color:var(--btn);border:1px solid var(--btn);border-radius:20px;color:var(--dark-gray);font-size:20px;grid-column:1;grid-row:1;height:36px;justify-items:center;padding:5px 20px;text-align:center;transition:var(--speed);width:-webkit-max-content;width:max-content;z-index:1}.outline{background-color:var(--clear);border:1px solid var(--btn);box-shadow:1px 1px 3px 0 var(--shadow);color:var(--clear);position:relative;right:-4px;top:-4px;z-index:0}.button:hover{background-color:var(--dark-gray);color:var(--light);transform:translate(1px,-1px);transition:var(--speed)}.button:hover,.button:hover+.outline{border:1px solid var(--light)}.button:active{background-color:var(--light);transform:translate(3px,-3px);transition:var(--click-speed)}@media only screen and (max-width:550px){.button,.outline{font-size:18px;height:34px}}.logo{align-items:center;background-color:var(--btn);border:1px solid var(--btn);border-radius:20px;color:var(--dark-gray);grid-column:1;grid-row:1;height:36px;justify-items:center;padding:5px 20px;text-align:center;width:auto;z-index:1}.logo,.logo:hover{transition:var(--speed)}.logo:hover{background-color:var(--light);border:1px solid var(--dark-gray);filter:invert(1);transform:translate(1px,-1px)}.logo:hover+.outline{border:1px solid var(--light)}.logo:active{background-color:var(--dark-gray);transform:translate(3px,-3px);transition:var(--click-speed)}.logo-outline{width:auto}.social-container{grid-column-gap:20px;align-items:center;display:grid;grid:80px/1fr 1fr;column-gap:20px;justify-self:center;width:-webkit-min-content;width:min-content}.social-button{display:grid}.social-button .fa{background-color:var(--light);border-radius:24px;color:var(--dark-gray);font-size:22px;grid-column:1;grid-row:1;justify-self:center;padding:4px 7px;text-align:center;transition:var(--speed);z-index:2}.social-button .fa:hover{background-color:var(--btn);transform:translate(1px,-1px);transition:var(--speed)}.fa:hover+.social-outline,.social-button+.social-outline{border:1px solid var(--btn)}.social-button .fa:active{background-color:var(--light);transform:translate(2px,-2px);transition:var(--speed)}.social-outline{background-color:var(--clear);border:1px solid var(--light);border-radius:24px;box-shadow:1px 1px 3px 0 var(--shadow);grid-column:1;grid-row:1;padding:15px;position:relative;transform:translate(3px,-3px);z-index:1}nav{grid-column-gap:40px;align-items:center;background-color:var(--med-gray);border-bottom:1px solid var(--light-gray);border-left:1px solid var(--light-gray);border-right:1px solid var(--light-gray);box-shadow:0 1px 5px 0 var(--shadow);display:grid;grid:60px/auto auto -webkit-min-content;grid:60px/auto auto min-content;column-gap:40px;left:0;margin:0 auto;max-width:1200px;padding:0 20px;position:fixed;right:0;top:0;z-index:10}nav,nav .link{color:var(--light);transition:var(--speed);width:100%}nav .link:hover{color:var(--btn);text-decoration:underline;transition:var(--speed)}nav .link:active{color:var(--light);transition:var(--speed)}.nav-name-container{grid-column-gap:20px;grid:60px/-webkit-min-content auto;grid:60px/min-content auto;justify-self:left}.nav-links-container,.nav-name-container{align-items:center;column-gap:20px;display:grid}.nav-links-container{grid-column-gap:20px;grid:60px/repeat(5,auto);justify-self:right;padding:0;text-align:center}.nav-buttons{grid-column-gap:20px;align-items:center;display:grid;grid:-webkit-min-content/-webkit-min-content -webkit-min-content;grid:min-content/min-content min-content;column-gap:20px}.nav-menu-show{transition:var(--speed) ease}.nav-menu{display:none;grid:1fr/1fr;justify-self:right}.nav-menu-btn{grid-row-gap:5px;align-items:center;grid:1fr 1fr 1fr/1fr;justify-content:center;padding:10px;z-index:1}.nav-menu-btn,.nav-menu-outline{background-color:var(--med-gray);border:1px solid var(--med-gray);border-radius:50%;display:grid;grid-column:1;grid-row:1;height:35px;transition:var(--speed);width:35px}.nav-menu-outline{position:relative;right:-3px;top:-3px;z-index:0}.nav-menu:hover>.nav-menu-btn{background-color:var(--med-gray);cursor:pointer}.nav-menu:hover>.nav-menu-btn,.nav-menu:hover>.nav-menu-outline{border:1px solid var(--light);transition:var(--speed)}.nav-menu:active>.nav-menu-btn{background-color:var(--light);transform:translate(3px,-3px);transition:var(--click-speed)}.nav-span-close{display:grid;position:relative;transform:rotate(45deg) translateY(-1.5px);width:22px}.nav-span-close:first-child{display:grid;position:relative;transform:rotate(-45deg) translate(-4px,3.5px);width:22px}.nav-span{background-color:var(--btn);height:1.5px;width:20px}.nav-menu:hover .nav-span{background-color:var(--light);transition:var(--speed)}.nav-buttons-show{animation:fadeIn var(--fade-speed);-webkit-animation:fadeIn var(--fade-speed);display:grid;grid:auto auto/auto;grid-column:1/4;grid-row:2;justify-self:center;max-height:0;padding:0;transition:var(--speed)}@media only screen and (max-width:1200px){nav{border-left:none;border-right:none}}@media only screen and (max-width:980px){nav{grid:60px/auto -webkit-min-content -webkit-min-content;grid:60px/auto min-content min-content;column-gap:20px}.nav-name-container{grid:60px/1fr}.nav-name-container .name{display:none}}@media only screen and (max-width:800px){nav{grid:60px/auto -webkit-min-content -webkit-min-content;grid:60px/auto min-content min-content}.nav-menu-show{grid:60px auto/auto -webkit-min-content -webkit-min-content;grid:60px auto/auto min-content min-content;padding-bottom:160px;transition:var(--speed) ease}.nav-buttons{display:none}.nav-menu{display:grid}}@media only screen and (max-width:680px){nav{column-gap:10px}nav .button-container{transform:scale(.9);transition:var(--speed)}.nav-links-container{column-gap:10px;padding:0 10px}}@media only screen and (max-width:580px){nav{grid:60px/auto -webkit-min-content;grid:60px/auto min-content;column-gap:0}.nav-menu-show{grid:60px auto/auto -webkit-min-content 0;grid:60px auto/auto min-content 0;column-gap:0}.nav-name-container{display:none}.nav-links-container{column-gap:20px;justify-self:center;padding:0;transition:var(--speed)}}@media only screen and (max-width:450px){nav{padding:0}.nav-links-container{column-gap:10px;transition:var(--speed)}nav .link{font-size:16px}.nav-menu-show{padding-bottom:140px}.nav-menu{padding-right:10px}.nav-buttons-show,.nav-menu{transform:scale(.9)}}.splash{align-content:center;align-items:center;animation:fadeIn var(--fade-speed);-webkit-animation:fadeIn var(--fade-speed);grid:100vh/1fr 1fr;height:100%;justify-self:center;margin:0 100px;position:-webkit-sticky;position:sticky;top:10px;-webkit-transform:translateZ(0);transition:var(--speed);z-index:2}.intro-container,.splash{align-self:center;display:grid}.intro-container{grid:repeat(4,-webkit-min-content) /1fr;grid:repeat(4,min-content) /1fr;justify-self:left;margin-top:40px;max-width:450px;padding-left:10px;transition:var(--fade-speed)}.intro-container h1{font-size:44px}.intro-container .social-container{justify-self:left}.splash figure{align-self:center;background-color:var(--dark-gray);background:radial-gradient(circle,#0c0d0d 0,#0f111500 50%);cursor:pointer;filter:brightness(.9);justify-self:right;transition:var(--fade-speed)}.splash figure,.splash figure:active{animation:fadeIn var(--fade-speed);-webkit-animation:fadeIn var(--fade-speed)}.splash figure:active{animation:none;-webkit-animation:none}@media (pointer:coarse){.splash figure,.splash figure:active{animation:none;-webkit-animation:none}}.splash figure:hover{filter:brightness(1);transition:var(--speed)}.splash img{transition:var(--speed);width:500px}@media only screen and (max-width:1020px){.splash{grid:100vh/1fr 1fr;margin:0 60px}.splash img{transition:var(--speed);width:450px}}@media only screen and (max-width:900px){.splash img{transition:var(--speed);width:380px}}@media only screen and (max-width:820px){.splash{margin:0 30px}.splash img{transition:var(--speed);width:350px}.intro-container h1{font-size:30px;width:-webkit-max-content;width:max-content}}@media only screen and (max-width:700px),screen and (orientation:portrait){.splash{grid:50vh auto/1fr;padding-top:60px}.splash figure{grid-row:1;justify-self:center}.splash img{height:auto;max-width:350px;transition:var(--speed)}.intro-container{align-self:top;display:grid;justify-items:center;margin:0;padding:0 10px;text-align:center}.intro-container,.intro-container .social-container{justify-self:center}}@media only screen and (max-width:500px){.splash{grid:-webkit-min-content -webkit-min-content/1fr;grid:min-content min-content/1fr;padding-top:60px}.splash img{height:auto;max-width:320px;transition:var(--speed)}}@media only screen and (max-width:400px){.splash{margin:0 10px;position:-webkit-sticky;position:sticky}.splash img{max-height:42vh;transition:var(--speed);width:auto}.intro-container h1{font-size:24px}}@media only screen and (max-width:700px) and (max-height:720px),screen and (min-width:700px) and (max-height:400px){.splash{height:auto;position:relative}}@media only screen and (max-width:400px) and (max-height:720px){.splash{position:-webkit-sticky;position:sticky}}@media only screen and (min-width:900px) and (max-height:680px){.splash figure{justify-self:center}.splash img{height:auto;transition:var(--speed);width:380px}}@media only screen and (min-width:820px) and (max-height:600px){.splash img{height:auto;transition:var(--speed);width:300px}}@media only screen and (min-width:600px) and (min-height:900px) and (orientation:portrait){.splash img{transform:scale(1.25)}}.about{display:grid;grid:repeat(3,-webkit-min-content) /1fr;grid:repeat(3,min-content) /1fr;justify-content:center;transform:translate3d(0,300px,0);transition:var(--speed);z-index:4}.about,.fade-box{position:relative;width:100%}.fade-box{background-image:linear-gradient(var(--clear),var(--dark-gray));display:block;height:250px;pointer-events:none;transform:translateZ(0) skewY(-8deg) translateY(-199px)}.cover-box{background-color:var(--dark-gray);display:block;height:200px;position:relative;top:340px}.about .diag-line{transform:skewY(-8deg) translateY(15px)}.about-skew-container{background-color:var(--dark-gray);display:grid;padding-bottom:200px;transform:skewY(-8deg) translateY(-400px)}.about-container{display:grid;grid:repeat(5,-webkit-min-content) /1fr;grid:repeat(5,min-content) /1fr;justify-items:center;justify-self:center;text-align:center;transform:skewY(8deg);width:100%}.about h1{background-color:var(--dark-gray);line-height:.6;padding:0 0 70px 3px;position:relative;transition:var(--speed);z-index:5}.about p{max-width:500px;padding:20px 0}.about .button-container{justify-self:center;padding-top:20px}@media only screen and (max-width:700px){.fade-box{height:200px}.cover-box{top:300px}.about .diag-line{transform:skewY(-8deg) translateY(12px)}.about .button,.about .outline,.about h1{transition:var(--speed)}.about p{padding:0 40px}}@media only screen and (max-width:550px){.fade-box{height:150px}.cover-box{top:220px}.about-skew-container{padding-bottom:100px}.about .diag-line{transform:skewY(-8deg) translateY(10px)}}@media only screen and (max-width:400px){.cover-box{top:250px}}.skills-icon{display:grid;grid:50px/50px -webkit-min-content;grid:50px/50px min-content}.skills-icon img{align-self:end;justify-self:center;transition:var(--speed)}.skills-icon figcaption{align-self:end;color:var(--light-gray);font-size:18px;padding-bottom:4px;transition:var(--speed)}@media only screen and (max-width:700px){.skills-icon{grid:50px/40px -webkit-min-content;grid:50px/40px min-content}.skills-icon img{transform:scale(.9);transition:var(--speed)}.skills-icon figcaption{font-size:16px;transition:var(--speed)}}@media only screen and (max-width:600px){.skills-icon img{transform:scale(.8);transition:var(--speed)}}.skills{background-color:var(--dark-gray);display:grid;grid:repeat(5,auto) /1fr;justify-content:center;justify-items:center;padding:80px 0 40px;position:relative;text-align:center;transform:translateZ(0);width:100%;z-index:4}.skills .diag-line{transform:skewY(-8deg) translateY(27px)}.skills h1{background-color:var(--dark-gray);padding:0 5px 50px;z-index:5}.skills h1,.skills p{transition:var(--speed)}.skills p{margin:0 80px;max-width:500px;padding:20px 0 40px}.skills-container{grid-row-gap:50px;display:grid;grid:repeat(5,auto) /1fr;padding-top:100px;row-gap:50px}.skills-category{grid-column-gap:5px;align-items:end;display:grid;grid:1fr/170px repeat(3,1fr);column-gap:5px;padding-bottom:20px}.skills-category h2{justify-self:start;padding-right:20px}@media only screen and (max-width:800px){.skills-category{grid:1fr/repeat(3,1fr)}.skills h2{grid-column:1/4;grid-row:1;padding-bottom:20px;transition:var(--speed)}}@media only screen and (max-width:700px){.skills .diag-line{transform:skewY(-8deg) translateY(20px)}.skills h1{padding:0 3px 50px;transition:var(--speed)}.skills h2{padding-bottom:10px}.skills p{margin:0 40px}}@media only screen and (max-width:600px){.skills{padding-bottom:0}.skills-container{padding-top:80px;row-gap:40px}.skills-category{column-gap:0}}@media only screen and (max-width:400px){.skills .diag-line{transform:skewY(-8deg) translateY(18px)}.skills h1{padding:0 3px 50px;transition:var(--speed)}}.info{width:-webkit-min-content;width:min-content}.info p:hover{color:var(--btn);cursor:pointer;transition:var(--speed)}.info p:active{color:var(--light);transition:var(--speed)}.contact{background-color:var(--dark-gray);display:grid;grid:repeat(2,-webkit-min-content) /1fr;grid:repeat(2,min-content) /1fr;justify-content:center;padding:200px 0;position:relative;transform:translateZ(0);transition:var(--speed);width:100%;z-index:7}.contact .diag-line{transform:skewY(-8deg) translateY(45px)}.contact-container{display:grid;grid:repeat(6,-webkit-min-content) /1fr;grid:repeat(6,min-content) /1fr;justify-items:center;justify-self:center;padding:0;text-align:center;width:100%}.contact h1{background-color:var(--dark-gray);padding:0 5px 10px 2px;transform:translateY(20px);z-index:8}.contact-copy{color:var(--light-gray);font-size:18px;padding-top:30px}.contact .info{margin-top:40px}.contact .button,.contact .outline{justify-self:center;margin-top:120px}@media only screen and (max-width:700px){.contact h1{padding-right:3px;transition:var(--speed)}.contact .diag-line{transform:skewY(-8deg) translateY(38px)}.contact-copy{font-size:16px}}@media only screen and (max-width:600px){.contact{padding-top:150px}}@media only screen and (max-width:400px){.contact{padding-bottom:100px}.contact h1{padding:0 3px 30px 0}.contact .diag-line{transform:skewY(-8deg) translateY(36px)}.contact-copy{font-size:14px;padding-bottom:0}}.span-text{display:grid;grid:-webkit-min-content/repeat(3,auto);grid:min-content/repeat(3,auto);justify-content:left;width:100%}.colon{padding-right:5px}.date-format{display:grid;grid:-webkit-min-content/auto auto;grid:min-content/auto auto;width:100%}.date-format-title{justify-self:left}.date-format-date{justify-self:right}.list-item{display:grid;grid:-webkit-min-content/-webkit-min-content auto;grid:min-content/min-content auto;padding:0}.bullet{padding:0 20px}.resume-page{grid-row-gap:20px;animation:fadeIn var(--fade-speed);-webkit-animation:fadeIn var(--fade-speed);display:grid;grid:repeat(5,auto) /1fr;justify-content:center;justify-items:center;padding:200px 0;position:relative;text-align:center;width:100%;z-index:4}.resume-page,.resume-page .title{background-color:var(--dark-gray);transition:var(--speed)}.resume-page .title{padding:0 0 50px 5px;transform:translateY(-48px);z-index:5}.resume-content-container{margin:40px 0 100px;max-width:1050px;padding:0 40px;transition:var(--speed)}.resume-content{grid-row-gap:20px;background-color:var(--med-gray);border:1px solid var(--light-gray);box-shadow:0 0 5px 2px var(--shadow);color:var(--text);display:grid;padding:40px;row-gap:20px;transition:var(--speed)}.resume-content h1{font-size:24px}.resume-content a,.resume-content em,.resume-content h2,.resume-content h3,.resume-content li,.resume-content p{font-size:16px}.resume-content h1,.resume-content h2{font-weight:700}.resume-content h2{border-bottom:1px solid var(--light-gray);text-align:left;width:100%}.resume-content-head span{display:grid;grid:-webkit-min-content/repeat(5,-webkit-min-content);grid:min-content/repeat(5,min-content);justify-content:center}.resume-content-section{display:grid;justify-self:left;text-align:left;width:100%}.resume-content-block{padding-bottom:20px}@media only screen and (max-width:900px){.resume-content-container{padding:0 20px;transition:var(--speed)}.resume-content{padding:40px 20px;transition:var(--speed)}}@media only screen and (max-width:700px){.resume-page{padding:200px 0 100px}.resume-page .title{padding:0 2px 20px;transform:translateY(-42px);transition:var(--speed)}.resume-content h1{font-size:20px}.resume-content a,.resume-content em,.resume-content h2,.resume-content h3,.resume-content li,.resume-content p{font-size:14px}}@media only screen and (max-width:550px){.resume-page .title{transform:translateY(-40px);transition:var(--speed)}.resume-content-container{padding:0;transition:var(--speed)}.resume-content{border-left:none;border-right:none;padding:40px 10px}.resume-content h1{font-size:18px}.resume-content a,.resume-content em,.resume-content h2,.resume-content h3,.resume-content li,.resume-content p{font-size:12px}}.carousel{display:grid;grid:1fr/1fr;position:relative;width:-webkit-min-content;width:min-content}.carousel,.carousel img{grid-column:1;grid-row:1}.carousel img{border:1px solid var(--light-gray);transition:var(--fade-speed);z-index:4}.next-btn{align-self:center;background-color:#16181d99;border:1px solid var(--white-gray);border-radius:40px;box-shadow:1px 1px 3px 0 var(--shadow);color:var(--white-gray);font-size:36px;grid-column:1;grid-row:1;height:-webkit-min-content;height:min-content;justify-items:center;line-height:100%;opacity:0;text-align:start;transition:var(--speed);-webkit-user-select:none;user-select:none;width:-webkit-min-content;width:min-content;z-index:5}.next-btn:active{background-color:#192234cc;transition:var(--click-speed)}.btn-r{justify-self:right;margin-right:10px;padding:5px 18px 10px 20px}.btn-l{justify-self:left;margin-left:10px;padding:5px 20px 10px 18px}.carousel img:hover~.next-btn,.next-btn:hover{cursor:pointer;opacity:1;transition:var(--speed)}@media only screen and (max-width:520px){.next-btn{transform:scale(.7)}.btn-r{margin-right:5px}.btn-l{margin-left:5px}}.project{grid-row-gap:40px;display:grid;grid:repeat(3,-webkit-min-content) /700px -webkit-min-content;grid:repeat(3,min-content) /700px min-content;justify-items:center;justify-self:center;padding:15px 0 100px 40px;transition:0;width:-webkit-min-content;width:min-content}.project h1{grid-column:1/3;grid-row:1;justify-self:left}.img-container{display:grid;grid:1fr/1fr}.img-outline,.project img{box-shadow:2px 2px 5px 1px var(--shadow)}.img-outline{border:1px solid var(--light-gray);grid-column:1;grid-row:1;height:auto;position:relative;transform:translate(10px,-10px);transition:var(--speed);width:auto;z-index:2}.img-container p{color:var(--light-gray);justify-self:right;margin-top:10px}.project-buttons{grid-row-gap:20px;align-content:center;display:grid;justify-self:left;padding-left:30px;row-gap:20px}.project-text-container{display:grid;grid:repeat(2,-webkit-min-content) /1fr;grid:repeat(2,min-content) /1fr}@media only screen and (max-width:1000px){.project{grid:repeat(4,-webkit-min-content) /-webkit-min-content;grid:repeat(4,min-content) /min-content;margin-left:-120px;transition:0}.project-buttons{grid:1fr/1fr 1fr;grid-row:3;justify-self:center;padding:0}.project-buttons .button-container{padding:0 10px}.project-text-container{grid-row:4}}@media only screen and (max-width:900px){.project{margin-left:-80px;transition:var(--speed)}}@media only screen and (max-width:850px){.project{margin-left:-50px;transition:var(--speed)}}@media only screen and (max-width:800px){.project{margin-left:0;padding-left:0;transition:var(--speed)}.img-container img{width:600px}}@media only screen and (max-width:700px){.img-container img{width:550px}}@media only screen and (max-width:620px){.project{padding-bottom:100px;padding-right:10px;transform:scale(.9)}.img-container img{width:500px}}@media only screen and (max-width:520px){.project{padding-bottom:50px}.img-container img{width:450px}}@media only screen and (max-width:450px){.img-container img{width:400px}}@media only screen and (max-width:400px){.img-container img{width:350px}}.projects-page{animation:fadeIn var(--fade-speed);-webkit-animation:fadeIn var(--fade-speed);background-color:var(--dark-gray);display:grid;grid:repeat(6,auto) /auto;justify-items:center;justify-self:center;margin:0 auto;padding:200px 0;position:relative;width:100%}.projects-page .intro-diag{transform:skewY(8deg)}.projects-page .title{background-color:var(--dark-gray);color:var(--light);padding:0 3px 100px;transform:translateY(-25px);z-index:5}.projects-page .features{padding:20px 0}@media only screen and (max-width:550px){.projects-page{padding-bottom:100px}.projects-page .title{transform:translateY(-18px)}}@media only screen and (max-width:400px){.projects-page .title{padding:0 1px 100px}}.art-img-container{display:grid;grid:auto/450px}.art img{width:450px}.art img,.art-outline{box-shadow:2px 2px 5px 1px var(--shadow)}.art-outline{border:1px solid var(--light-gray);grid-column:1;grid-row:1;position:relative;transform:translate(10px,-10px);z-index:2}.art{grid-column-gap:100px;display:grid;grid:repeat(3,auto) /1fr;column-gap:100px;justify-self:center;padding:50px 40px;width:100%}.art-text-container{grid-row-gap:20px;display:grid;justify-self:left;row-gap:20px}.art-img-container{grid-column:2;grid-row:1/4;justify-self:right}.art h2{color:var(--btn)}.art p{max-width:500px}@media only screen and (max-width:1000px){.art{column-gap:50px}.art img,.art-img-container,.art-outline{width:350px}}@media only screen and (max-width:900px){.art{grid:repeat(2,auto) /1fr;row-gap:50px}.art-text-container{justify-self:center;text-align:center}.art-img-container{grid-column:auto;grid-row:1;justify-self:center;width:450px}.art img,.art-outline{width:450px}}@media only screen and (max-width:550px){.art img,.art-img-container,.art-outline{width:400px}}@media only screen and (max-width:400px){.art{padding:50px 20px}.art img,.art-img-container,.art-outline{width:320px}}.gallery-page{animation:fadeIn var(--fade-speed);-webkit-animation:fadeIn var(--fade-speed);padding:200px 0;transition:var(--fade-speed)}.gallery-intro,.gallery-page{display:grid;justify-items:center;width:100%}.gallery-intro{padding-bottom:100px}.gallery-intro .diag-line{transform:skewY(8deg)}.gallery-intro h1{background-color:var(--dark-gray);padding-left:5px;transform:translateY(-30px);z-index:5}.gallery-intro p{max-width:500px;padding-top:50px;text-align:center}.gallery-container{grid-row-gap:100px;display:grid;row-gap:100px}.gallery-page .button-container{margin-top:100px}@media only screen and (max-width:700px){.gallery-intro .diag-line{transform:skewY(8deg) translateY(-5px)}}@media only screen and (max-width:550px){.gallery-intro .diag-line{transform:skewY(8deg) translateY(-10px)}.gallery-intro h1{padding-left:0 0 0 2px}}footer{background-color:var(--black-gray);justify-content:center;margin:0 auto;max-width:1200px;padding:0 200px 60px;transition:var(--speed);width:100%;z-index:3}.footer-container{display:grid;grid:1fr 1fr/repeat(4,1fr);justify-items:left}.footer-name h1{font-size:32px;width:-webkit-min-content;width:min-content}.footer-name h1,footer h2{margin-bottom:20px}footer li{width:-webkit-min-content;width:min-content}.footer-name h1:hover,footer .link:hover{color:var(--btn);text-decoration:underline;transition:var(--speed)}.footer-contact{color:var(--light-gray);font-size:16px;width:-webkit-max-content;width:max-content}.footer-contact-li:hover{color:var(--text);text-decoration:none}.footer-name:active,footer .link:active{color:var(--light);transition:var(--speed)}footer .info{padding-top:5px;row-gap:5px}footer li:not(:last-child){margin-bottom:5px}.copyright{align-self:center;grid-column:1/5;justify-self:center;margin-top:60px;text-align:center}@media only screen and (max-width:1200px){footer{padding:0 100px 100px}}@media only screen and (max-width:850px){footer{padding:0 60px 100px}}@media only screen and (max-width:800px){.footer-container{grid:auto 1fr 1fr/repeat(3,1fr);justify-items:left}.footer-name{grid-column:1/4;justify-self:left}.footer-name h1{font-size:28px;width:-webkit-max-content;width:max-content}.copyright{grid-column:1/4}}@media only screen and (max-width:550px){footer{padding:0 40px 60px}.footer-container{grid-row-gap:40px;grid:repeat(5,-webkit-min-content) /1fr;grid:repeat(5,min-content) /1fr;justify-items:center}.footer-item{justify-self:center;width:100%}.copyright,.footer-name{grid-column:1}.footer-name h1{font-size:24px}footer .link,footer p{font-size:16px}.copyright{margin-top:40px}.copyright p{font-size:16px}.footer-contact{font-size:14px}}html{-webkit-text-size-adjust:100%;display:grid}*{box-sizing:border-box;font-family:Red Hat Display,sans-serif;margin:0;padding:0;scroll-behavior:smooth;scrollbar-color:#4c5567 #2b303b}:root{--light:#e0e0e0;--btn:#62c3c6;--btn-light:#b4e2e4;--highlight:#62c3c699;--shadow:#0f1115;--clear:#0f111500;--black-gray:#0f1115;--dark-gray:#16181d;--med-gray:#21242c;--light-gray:#8592ad;--white-gray:#b6bcc9;--header:var(--light);--text:var(--white-gray);--line-height:1.5;--speed:150ms;--click-speed:80ms;--fade-speed:305ms}::selection{background-color:#62c3c699;background-color:var(--highlight);color:#e0e0e0;color:var(--light)}::-moz-selection{background-color:#62c3c699;background-color:var(--highlight);color:#e0e0e0;color:var(--light)}::-webkit-scrollbar{background:#e0e0e0;background:var(--light)}::-webkit-scrollbar-track{background:#2b303b}::-webkit-scrollbar-thumb{background:#4c5567}::-webkit-scrollbar-thumb:hover{background:#626d84}ul{list-style:none;margin:0;padding:0}lh,li{color:#b6bcc9;color:var(--text);font-size:20px}h1{color:#e0e0e0;color:var(--header);font-size:36px;font-weight:600}h2{font-size:24px;font-weight:600}h2,p{color:#b6bcc9;color:var(--text)}p{line-height:1.5;line-height:var(--line-height)}a,p{font-size:20px}a{color:#b6bcc9;color:var(--text);text-decoration:none}img{margin:0;padding:0}body{background-color:#62c3c6;background-color:var(--btn)}main{background-color:#0f1115;background-color:var(--black-gray);justify-items:center;justify-self:center}header,main{display:grid;width:100%}.box-container{background-color:#16181d;background-color:var(--dark-gray);border-bottom:1px solid #8592ad;border-bottom:1px solid var(--light-gray);border-left:1px solid #8592ad;border-left:1px solid var(--light-gray);border-right:1px solid #8592ad;border-right:1px solid var(--light-gray);box-shadow:0 0 5px 2px #0f1115;box-shadow:0 0 5px 2px var(--shadow);justify-self:center;margin:0 auto 100px;max-width:1200px;padding:0;width:100%;z-index:0}@media only screen and (max-width:1200px){.box-container{border-left:none;border-right:none}}.anchor{position:absolute;transform:translateY(10vh)}.diag-line{background-color:#8592ad;background-color:var(--light-gray);padding:.5px;position:relative;transform:skewY(-8deg);transition:.15s;transition:var(--speed);width:100%;z-index:3}.multi-word{white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media only screen and (max-width:700px){h1{font-size:30px}h2{font-size:24px}a,li,p{font-size:18px}}@media only screen and (max-width:550px){h1{font-size:26px}h2{font-size:22px}}@media only screen and (max-width:400px){h1{font-size:24px}h2{font-size:20px}}
/*# sourceMappingURL=main.a88880db.css.map*/