@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&family=Noto+Serif+Display:ital,wght@1,600&display=swap);@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn_to70{0%{opacity:0}to{opacity:.7}}@keyframes dropIn{0%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes slideIn_right{0%{transform:translateX(-30px)}to{transform:translateX(0)}}@keyframes slideIn_bottom{0%{transform:translateY(30px)}to{transform:translateY(0)}}.Header{animation:fadeIn .5s ease-in-out;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0a2443bf;color:#edf7fa;font-size:1.25rem;font-size:1rem;font-weight:400;height:82px;letter-spacing:.05em;padding:48px 12px 12px;position:fixed;text-transform:uppercase;top:-32px;width:100vw;z-index:1}.Header a{color:inherit;text-decoration:none}.Header a span:not(.mobile){display:none}.Header .logo{margin:0;padding:0;width:72px}.spacer{height:82px}@media only screen and (min-width:768px){.Header a span:not(.mobile){display:initial}.Header a span.mobile{display:none}}.HamburgerMenu{color:#edf7fa;cursor:pointer;position:fixed;right:0;top:0;z-index:2}.HamburgerMenu .icon{align-items:flex-end;display:flex;flex-direction:column;gap:6px;padding:13px 21px 13px 13px;transition:all .2s ease-in-out;width:64px}.HamburgerMenu .icon .bar{background:#ff4b0a80;height:4px;transition:all .4s cubic-bezier(.01,-.03,.27,1.55);width:100%}.HamburgerMenu .icon .bar:nth-of-type(2),.HamburgerMenu .icon .bar:nth-of-type(3){width:100%}.HamburgerMenu .icon.active .bar{background:#ff4b0a}.HamburgerMenu .icon.active .bar:nth-of-type(2){width:70%}.HamburgerMenu .icon.active .bar:nth-of-type(3){width:85%}.HamburgerMenu .Nav{align-items:flex-end;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#003b8066;border-radius:3px;display:flex;flex-direction:column;gap:2px;opacity:0;pointer-events:none;position:fixed;right:12px;top:0;transition:all .2s ease-in-out;width:120px}.HamburgerMenu .Nav.active{opacity:1;pointer-events:all;top:50px}.HamburgerMenu .Nav a{border-radius:3px;color:#edf7fa;display:block;padding:8px;text-align:right;text-decoration:none;width:100%}.HamburgerMenu .Nav a:hover{background:#ff4b0a80}.HamburgerMenu .Nav a.active{font-weight:600}.uxui-heroimg{background-color:#0a2443;background-image:url(/designer/static/media/UI_Animation_Blue.cb88c6f2e67b423884ea.gif);background-position:50%;background-repeat:no-repeat;background-size:100%;height:100%;width:100%}.cover-page{animation:fadeIn .7s ease-in-out,dropIn .7s ease-in-out;background:#003b80;display:grid;place-items:center}.cover-page .cover{background:#0a2443;min-height:383px;overflow:hidden;position:relative;width:100%}.cover-page .cover .centered-group{bottom:0;height:350px;left:50%;position:absolute;transform:translate(-50%);width:360px}.cover-page .cover .centered-group:nth-of-type(2){display:flex;flex-direction:column;justify-content:center}.cover-page .cover .my-name{color:#fff;font-size:1.625rem;font-weight:650;letter-spacing:.1em;text-align:center;text-transform:uppercase;white-space:nowrap}.cover-page .cover .big-letters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;place-items:center}.cover-page .cover .big-letters div{color:#ff4b0a;font-size:72px;font-weight:300}.cover-page .cover .contact-info{align-items:center;color:#edf7fa;display:flex;flex-direction:column;font-size:1rem;font-weight:300;gap:12px;justify-content:space-between;letter-spacing:.15em;padding:0 1.5rem;text-transform:uppercase}.cover-page .cover .contact-info div:nth-child(2){display:none}.cover-page .cover .ball-1{background-color:#b5401b;border-radius:50%;bottom:-50px;display:none;height:40vw;max-height:225px;max-width:225px;opacity:1;position:absolute;right:-75px;width:40vw}.cover-page h1{font-size:8vw;padding-bottom:1vw;white-space:nowrap}.cover-page h2{font-size:5vw;white-space:nowrap}section.what-i-do,section.who-i-am{padding:3em 0}section.what-i-do h3,section.who-i-am h3{color:#edf7fa;font-size:48px;font-weight:600;margin-bottom:.75em;text-transform:none}section.what-i-do>table{align-items:space-between;display:flex;flex-wrap:wrap;gap:72px;justify-content:space-around}section.what-i-do>table>tbody,section.what-i-do>table>tbody>tr{display:contents}section.what-i-do>table>tbody>td,section.what-i-do>table>tbody>tr>td{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-grow:1;gap:8px}section.what-i-do>table>tbody>td table td,section.what-i-do>table>tbody>tr>td table td{color:#ff4b0a;font-size:96px;font-weight:300;padding:0 8px;width:96px}section.what-i-do>table>tbody>td h4,section.what-i-do>table>tbody>tr>td h4{font-size:24px;font-weight:600;letter-spacing:.15em;margin:0;text-transform:uppercase}section.what-i-do>table>tbody>td a,section.what-i-do>table>tbody>tr>td a{align-items:center;color:#edf7fa;display:flex;font-size:18px;font-weight:600;gap:16px;height:38px;justify-content:center;text-decoration:none;width:100%}section.what-i-do>table>tbody>td a:after,section.what-i-do>table>tbody>td a:before,section.what-i-do>table>tbody>tr>td a:after,section.what-i-do>table>tbody>tr>td a:before{border-right:3px solid #edf7fa80;border-top:3px solid #edf7fa80;content:"";height:12px;left:0;position:relative;transform:rotate(45deg);transition:left .3s ease-in-out;width:12px}section.what-i-do>table>tbody>td a:before,section.what-i-do>table>tbody>tr>td a:before{opacity:0}section.what-i-do>table>tbody>td a:hover,section.what-i-do>table>tbody>tr>td a:hover{cursor:pointer}section.what-i-do>table>tbody>td a:hover:after,section.what-i-do>table>tbody>tr>td a:hover:after{left:5px}@media only screen and (min-width:768px){.cover-page .cover .centered-group{width:450px}.cover-page .cover .centered-group .my-name{font-size:2.125rem}.cover-page .cover .centered-group .big-letters div{font-size:90.4px}.cover-page .cover .centered-group .contact-info{flex-direction:row;font-size:.77rem;gap:8px}.cover-page .cover .centered-group .contact-info div:nth-child(2){display:initial}section.what-i-do,section.who-i-am{padding:5em 0}section.what-i-do>table{padding:0 48px}}.pageTitle{animation:fadeIn .5s ease-in-out,slideIn_right .5s ease-in-out;color:#edf7fab3;font-weight:400;padding-bottom:12px}.pageTitle.clickable{cursor:pointer}.pageTitle.clickable:hover{color:#edf7fae6}.WorkCard{background:#edf7fa66;border-radius:6px;box-shadow:0 .25rem .5rem #21395599;cursor:pointer;min-height:250px;overflow:hidden;padding:0 16px;position:relative;transition:all .3s ease-in-out}.WorkCard .WorkCard_Content{align-content:center;bottom:0;display:grid;left:0;place-items:center;position:absolute;right:0;top:0}.WorkCard .WorkCard_Content .title{background:#edf7fab3;filter:drop-shadow(0 0 3px white);font-weight:700;margin-bottom:16px;margin-top:32px;opacity:0;padding:16px 0;position:relative;text-align:center;text-transform:inherit;top:-5px;transition:all .3s ease-in-out;width:100%}.WorkCard .WorkCard_Content .dates,.WorkCard .WorkCard_Content .skills{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#edf7fa33;border-radius:50px;color:#0a2443;font-size:13px;font-weight:500;letter-spacing:.02em;line-height:150%;margin-bottom:4px;padding:4px 24px;text-align:center}.WorkCard:hover{background:#edf7facc}.WorkCard:hover .WorkCard_Content .title{opacity:1;top:0}.workTable{grid-gap:16px;animation:fadeIn .3s ease-in-out,slideIn_bottom .5s ease-in-out;display:grid;gap:16px;gap:1.5rem;grid-template-columns:1fr}.works-page-nav{display:flex;flex-wrap:wrap;justify-content:space-between}.works-page-nav ul.categories{align-items:flex-end;display:flex;flex-direction:column;gap:4px;list-style-type:none;margin-bottom:10px}.works-page-nav ul.categories caption{cursor:pointer;padding:0 0 8px 10px;transition:all .3s ease-in-out}.works-page-nav ul.categories:not(.open) li{display:none}.works-page-nav ul.categories.open li{display:initial}.works-page-nav ul.categories li{color:#edf7fa;cursor:pointer;font-size:smaller;padding:4px 0 4px 10px;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.works-page-nav ul.categories li.selected{text-decoration:underline;text-underline-offset:.5em}.works-page-nav ul.categories li:last-of-type{padding-bottom:8px}.works-page-nav ul.categories:hover li:not(:hover){opacity:.5}@media only screen and (min-width:576px){.workTable{grid-template-columns:1fr 1fr}.works-page-nav ul.categories{align-items:flex-start;flex-direction:row;width:100%}.works-page-nav ul.categories caption{display:none}.works-page-nav ul.categories:not(.open) li{display:initial}.works-page-nav ul.categories li{padding:0 10px 8px}.works-page-nav ul.categories li:first-of-type{padding-left:0}.works-page-nav ul.categories li:last-of-type{padding-bottom:10px;padding-right:0}}@media only screen and (min-width:calc(992px - (576px/3))){.works-page-nav ul.categories{width:auto}}div[class^=button]{display:grid}div[class^=button][class*="-1"]{place-items:center}div[class^=button][class*="-2"]{margin-bottom:1.5rem;place-items:left}div[class^=button] button{background:#edf7fa;border:none;border-radius:.33333rem;box-shadow:0 5px 5px #003b80;color:#003b80;cursor:pointer;font-size:16px;font-weight:700;padding:14px 22px;position:relative;top:2px;transition:all .3s ease-in-out}div[class^=button] button:hover{box-shadow:0 5px 5px #213955;top:-2px}.btn-group{grid-gap:2rem;display:grid;flex-wrap:wrap;gap:2rem;grid-template-columns:1fr;justify-content:space-around}.btn-group>div *{width:100%}@media only screen and (min-width:768px){.btn-group{grid-template-columns:1fr 1fr 1fr}}.gallery{margin:0 auto;padding:1rem 0}.gallery.masonry{display:flex;flex-flow:row wrap;gap:1rem;justify-content:center;max-width:1024px;width:100%}.gallery.masonry .image-group{width:calc(33.33333% - .66667rem - .33333px)}.gallery.masonry .image-group img{border-radius:6px;cursor:pointer;width:100%}.gallery.masonry .image-group p.caption{text-align:center}.gallery.grid{display:flex;flex-flow:row wrap;gap:.5rem;justify-content:space-between;max-width:700px}.gallery.grid .image-group{width:100px}.gallery.grid .image-group img{border-radius:6px;cursor:pointer;width:100px}.gallery.grid .image-group p.caption{display:none}@media only screen and (max-width:415px){.gallery.masonry .image-group{width:calc(50% - 1rem - .5px)}}.image{border-radius:6px;display:block;margin:0 auto;max-width:700px;padding:1rem 0;width:100%}.image.smaller{padding:5% 16%}@media only screen and (min-width:700px){.image.smaller{padding:32px 100px}}.lightbox{background:#fff;border-radius:.25rem;color:#0a2443;left:50%;max-height:100%;max-width:100%;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-60%);transition:all .3s ease-in-out;width:500px;z-index:1}.lightbox.active{opacity:1;pointer-events:all;transform:translate(-50%,-50%)}.lightbox.active .close{opacity:1;top:1rem}.lightbox.active .close:hover{background:#003b8066;transition:all .2s ease-in-out}.lightbox .close{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:#003b8033;border-radius:24px;cursor:pointer;display:grid;font-size:1.75rem;height:48px;opacity:0;padding-bottom:5px;place-content:center;position:absolute;right:1rem;text-align:center;top:-2rem;transform:rotate(45deg);transform-origin:center;transition:all .2s ease-in-out .2s;width:48px;z-index:1}.lightbox img{border-radius:.25rem;display:block;pointer-events:none;width:100%}.lightbox .caption{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:#edf7facc;border-radius:.25rem;padding:.5rem}.lightbox button[class*=button]{background:#141414e6;border:none;bottom:50%;color:#edf7fa;cursor:pointer;font-family:Inter,sans-serif;font-size:2rem;height:calc(2rem + 48px);left:50%;opacity:.5;padding-bottom:4px;position:fixed;transform:translate(-100%,50%);transition:all .3s ease-in-out;width:calc(2rem + 48px)}.lightbox button[class*=button]:hover{opacity:.9}.lightbox button[class*=button]:after{border:3px solid #edf7facc;border-bottom:none;border-right:none;content:"";display:block;height:.625rem;left:50%;position:fixed;top:50%;transform:translate(-25%,-50%) rotate(-45deg);width:.625rem}.lightbox button[class*=button][class*=prev]{left:0;transform:translateY(50%)}.lightbox button[class*=button][class*=next]{left:100%}.lightbox button[class*=button][class*=next]:after{transform:translate(-75%,-50%) rotate(135deg)}@media only screen and (min-width:415px){.lightbox button[class*=button]{bottom:0;height:100%;opacity:.7}.lightbox button[class*=button][class*=prev]{transform:translate(-100%)}.lightbox button[class*=button][class*=next]{transform:translate(0)}}.backto-fab{bottom:1rem;bottom:0;position:fixed;right:1rem}.backto-fab button{animation:fadeIn_to70 .5s ease-in-out;background:#edf7fa;border:none;border-radius:6px 6px 0 0;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;opacity:.7;padding:1rem;transition:all .3s ease-in-out}.backto-fab button:hover{opacity:1}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background:#bfd4da;height:100vh}body .App{background:#003b80;color:#edf7fa;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif}h1{font-size:4.5rem;font-weight:200;letter-spacing:.18em}h1,h2{text-transform:uppercase}h2{font-size:2.25rem;font-weight:500}h3{color:#0a2443;font-size:1.5rem;font-weight:800;text-transform:uppercase}.lightbox-matte{background:#00000080;bottom:100%;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s ease-in-out}.lightbox-matte.active{bottom:0;opacity:1;pointer-events:all}article{padding:0 24px 36px}.article-content{animation:fadeIn .3s ease-in-out,slideIn_bottom .5s ease-in-out;color:#edf7fa}.article-content h2{font-weight:600;letter-spacing:-.03em;padding-bottom:1rem;text-align:center;text-transform:none}.article-content .combination-block,.article-content h3,.article-content h4,.article-content ol,.article-content p,.article-content ul{margin:0 auto;max-width:700px;padding-top:1rem}.article-content h3{color:inherit;font-weight:700;letter-spacing:.05em;padding-top:2.5rem}.article-content h4{font-size:1.25rem;font-weight:600;letter-spacing:.01em;padding-top:2rem}.article-content h4.centered{text-align:center}.article-content p{line-height:135%;margin-bottom:1rem}.article-content p.centered{text-align:center}.article-content p.caption{color:#edf7fab3;font-size:smaller;font-style:italic}.article-content p a{background:#003b8080;border-bottom:1px solid #edf7fa;color:#edf7fa;filter:brightness(1.8) saturate(3);padding:0 4px;text-decoration:none}.article-content p a:hover{border-bottom:2px solid #edf7fa;text-decoration:none}.article-content ol,.article-content ul{line-height:1.25rem;margin-bottom:1rem;padding-left:1rem}.article-content ol li,.article-content ul li{margin-bottom:.33333rem}.video-responsive{height:0;margin-top:1rem;overflow:hidden;padding-bottom:56.25%;position:relative}.video-responsive iframe{height:100%;left:50%;max-height:393.75px;max-width:700px;position:absolute;top:0;transform:translateX(-50%);width:100%}.footer{background:#0a2443;gap:2rem;justify-content:center;min-height:192px;padding:36px 48px}.footer,.footer .footer-section{align-items:center;display:flex;flex-direction:column}.footer .footer-section{font-size:1rem;gap:1rem}.footer .footer-section .footer_title{font-size:24px;font-weight:400;letter-spacing:.03em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.footer .footer-section .copyright,.footer .footer-section .social{align-items:center;display:flex;width:156px}.footer .footer-section .social{justify-content:space-between}.footer .footer-section .social a img{transition:all .25s ease-in-out}.footer .footer-section .social:hover a img{opacity:.5}.footer .footer-section .social:hover a:hover img{opacity:1}.footer .footer-section .copyright{justify-content:center;-webkit-user-select:none;user-select:none}@media only screen and (min-width:568px){.footer{align-items:flex-end;gap:1rem}.footer .footer-section{flex-direction:row}.footer .footer-section .copyright{justify-content:flex-end}}@media only screen and (min-width:768px){.cover-page h1{font-size:61px}.cover-page h2{font-size:38px}.video-responsive{padding-bottom:393.75px}}.combination-block{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:0 auto}.combination-block[class*=two-thirds]{grid-template-columns:2fr 1fr}.combination-block[class*=one-third]{grid-template-columns:1fr 2fr}.combination-block[class*=image] div.image-group{order:-1}.combination-block[class*=top]{align-items:flex-start}.combination-block img{border-radius:6px}@media only screen and (max-width:415px){.combination-block{grid-template-columns:1fr!important}}
/*# sourceMappingURL=main.8d3b42f5.css.map*/