/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mr-12{margin-right:3rem}.mb-6{margin-bottom:1.5rem}.mb-32{margin-bottom:8rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border-2{border-width:2px}.border{border-width:1px}.border-black{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-left-bottom{background-position:0 100%}.bg-no-repeat{background-repeat:no-repeat}.px-3{padding-left:.75rem;padding-right:.75rem}.pt-1{padding-top:.25rem}.pb-2{padding-bottom:.5rem}.pl-24{padding-left:6rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}*,:after,:before{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(min-width:640px){.header .navbar-links-container{-webkit-transform:translateX(-80px);transform:translateX(-80px);opacity:0;-webkit-animation:reveal-animation .9s ease-in-out forwards;animation:reveal-animation .9s ease-in-out forwards}}.header .brand-logo{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-animation:reveal-animation .6s ease-in-out forwards;animation:reveal-animation .6s ease-in-out forwards}@media(min-width:640px){.header .brand-logo{-webkit-transform:translateY(50px);transform:translateY(50px)}}.header .bottom-right-text{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0;-webkit-animation:reveal-animation .8s ease-in-out forwards;animation:reveal-animation .8s ease-in-out forwards}@media(min-width:640px){.header .bottom-right-text{-webkit-transform:translateY(-50px);transform:translateY(-50px)}}.header .social-media-container{opacity:0;-webkit-animation:reveal-animation-opacity 1.2s ease-in-out forwards;animation:reveal-animation-opacity 1.2s ease-in-out forwards}.header .title{-webkit-transform:translateX(30px);transform:translateX(30px);opacity:0;-webkit-animation:reveal-animation .8s ease-in-out forwards;animation:reveal-animation .8s ease-in-out forwards}@media(min-width:640px){.header .title{-webkit-transform:translateX(50px);transform:translateX(50px)}}.header .description{-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0;-webkit-animation:reveal-animation .9s ease-in-out forwards;animation:reveal-animation .9s ease-in-out forwards}@media(min-width:640px){.header .description{-webkit-transform:translateX(-50px);transform:translateX(-50px)}}.header .projects-button{opacity:0;-webkit-animation:reveal-animation 1.2s ease-in-out forwards;animation:reveal-animation 1.2s ease-in-out forwards}@-webkit-keyframes reveal-animation{to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes reveal-animation{to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@-webkit-keyframes reveal-animation-opacity{to{opacity:1}}@keyframes reveal-animation-opacity{to{opacity:1}}html{scroll-behavior:smooth}body{background-image:url(../../static/media/background.8fe031bf.png);background-repeat:no-repeat;background-size:cover;background-position:top}.custom-primary-font,h1,h2,h3{font-family:"Germany Sans";font-weight:400}.custom-secondary-font,a,button,input,p,span{font-family:"Noto Sans JP";font-weight:300}h1{font-size:25px}@media(min-width:640px){h1{font-size:38px}}@media(min-width:1280px){h1{font-size:48px}}@media(min-width:1536px){h1{font-size:60px}}h2{font-size:25px;margin-bottom:40px}@media(min-width:640px){h2{font-size:33px;margin-bottom:70px}}@media(min-width:1024px){h2{font-size:50px;margin-bottom:100px}}h3{font-size:22px}@media(min-width:640px){h3{font-size:25px}}@media(min-width:1024px){h3{font-size:35px}}p{font-size:16px}@media(min-width:640px){p{font-size:19px}}@media(min-width:1024px){p{font-size:23px}}a,button{font-size:18px;text-transform:capitalize}@media(min-width:640px){a,button{font-size:22px}}@media(min-width:1024px){a,button{font-size:25px}}input,textarea{font-size:14px}@media(min-width:640px){input,textarea{font-size:16px}}@media(min-width:1024px){input,textarea{font-size:18px}}.section{margin-bottom:45px;padding:45px 30px 0}@media(min-width:640px){.section{max-width:774px;margin:auto auto 100px;padding:60px 40px 0}}@media(min-width:1024px){.section{max-width:1520px;margin-bottom:180px;padding:70px 50px 0}}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:mt-2{margin-top:.5rem}.sm\:mr-36{margin-right:9rem}.sm\:mb-10{margin-bottom:2.5rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-auto{height:auto}.sm\:w-auto{width:auto}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:rounded-lg{border-radius:.5rem}.sm\:border-2{border-width:2px}.sm\:bg-transparent{background-color:transparent}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pl-56{padding-left:14rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:pl-72{padding-left:18rem}}@media (min-width:1024px){.lg\:relative{position:relative}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:mt-4{margin-top:1rem}.lg\:mt-10{margin-top:2.5rem}.lg\:mr-20{margin-right:5rem}.lg\:mb-11{margin-bottom:2.75rem}.lg\:mb-24{margin-bottom:6rem}.lg\:flex{display:flex}.lg\:flex-shrink-0{flex-shrink:0}.lg\:flex-grow{flex-grow:1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:rounded-xl{border-radius:.75rem}.lg\:pl-0{padding-left:0}.lg\:text-left{text-align:left}}@media (min-width:1280px){.xl\:mr-36{margin-right:9rem}}.navbar{height:auto;z-index:1000}@media(min-width:640px){.navbar{top:50px;right:50px}}@media(min-width:768px){.navbar{top:100px;right:110px}}@media(min-width:1024px){.navbar{right:120px}}.navbar .navbar-button-container{margin:30px 25px 0 0}.navbar .navbar-button-container .navbar-button{width:20px;height:20px}.navbar .navbar-button-container .navbar-button .dot{width:4px;height:4px}.navbar .navbar-links-panel{display:none;box-shadow:0 5px 10px rgba(0,0,0,.16)}@media(min-width:640px){.navbar .navbar-links-panel{display:block;box-shadow:none}}.navbar .navbar-links-panel .navbar-links-container .navbar-link{font-size:24px;margin-bottom:30px;z-index:0}.navbar .navbar-links-panel .navbar-links-container .navbar-link:after{content:"";display:none;position:absolute;top:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:21px;width:125%;background-color:#ed546e;border-radius:2px;z-index:-1}@media(min-width:640px){.navbar .navbar-links-panel .navbar-links-container .navbar-link:after{top:15px;left:-22px;-webkit-transform:translateX(0);transform:translateX(0);width:100%;height:28px}}@media(min-width:1024px){.navbar .navbar-links-panel .navbar-links-container .navbar-link:after{top:26px;left:-24px;width:100%;height:44px}}.navbar .navbar-links-panel .navbar-links-container .navbar-link:hover:after{display:block}@media(min-width:640px){.navbar .navbar-links-panel .navbar-links-container .navbar-link{font-size:33px;margin-bottom:10px;text-shadow:2px 0 1px #fff}}@media(min-width:768px){.navbar .navbar-links-panel .navbar-links-container .navbar-link{margin-bottom:35px}}@media(min-width:1024px){.navbar .navbar-links-panel .navbar-links-container .navbar-link{font-size:50px;margin-bottom:50px}}.navbar.active{height:400px;width:100%}@media(min-width:640px){.navbar.active{width:auto}}.navbar.active .navbar-links-panel{display:flex}.header{background-color:#fff;margin-bottom:45px}@media(min-width:640px){.header{margin-bottom:100px}}@media(min-width:1024px){.header{margin-bottom:180px}}.header .text-area{padding:30px 25px 0}@media(min-width:640px){.header .text-area{padding:70px 70px 0}}@media(min-width:1024px){.header .text-area{padding:60px 80px 0}}.header .text-area .brand-logo img{width:35px}@media(min-width:640px){.header .text-area .brand-logo img{width:55px}}.header .text-area .brand-logo .small-text{margin:5px 0 90px 5px}@media(min-width:640px){.header .text-area .brand-logo .small-text{margin:10px 0 90px 5px}}@media(min-width:1024px){.header .text-area .brand-logo .small-text{margin:15px 0 115px 5px}}.header .text-area .small-text{font-size:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left;transform-origin:left;letter-spacing:.3em}@media(min-width:640px){.header .text-area .small-text{font-size:12px}}@media(min-width:1024px){.header .text-area .small-text{font-size:14px}}.header .text-area .bottom-right-text{right:25px;bottom:3.08vh}@media(min-width:640px){.header .text-area .bottom-right-text{right:35px;bottom:5.4vh}}@media(min-width:1024px){.header .text-area .bottom-right-text{right:50px;bottom:13.88vh}}.header .text-area .bottom-right-text .small-text{-webkit-transform-origin:right;transform-origin:right}.header .text-area .social-media-container{right:25px;margin-top:55px}@media(min-width:640px){.header .text-area .social-media-container{right:35px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:0}}@media(min-width:1024px){.header .text-area .social-media-container{right:60px;top:unset;-webkit-transform:translateY(0);transform:translateY(0);margin-top:0}}.header .text-area .social-media-container .social-media-link svg{width:23px;height:auto}@media(min-width:640px){.header .text-area .social-media-container .social-media-link svg{width:25px}}@media(min-width:1024px){.header .text-area .social-media-container .social-media-link svg{width:30px}}.header .text-area .social-media-container .social-media-link svg path{transition:.2s ease-in-out}.header .text-area .social-media-container .social-media-link:hover svg path{fill:#de1738}.header .text-area .title .hi{font-size:22px;margin-bottom:12px}@media(min-width:640px){.header .text-area .title .hi{font-size:27px}}@media(min-width:1536px){.header .text-area .title .hi{font-size:35px;margin-bottom:15px}}.header .text-area .title h1{margin-bottom:35px}@media(min-width:640px){.header .text-area .title h1{margin-bottom:46px}}@media(min-width:1024px){.header .text-area .title h1{margin-bottom:36px}}@media(min-width:1280px){.header .text-area .title h1{margin-bottom:46px}}@media(min-width:1536px){.header .text-area .title h1{margin-bottom:55px}}.header .text-area .description{padding:0 13px 0 17px;margin-bottom:140px}@media(min-width:640px){.header .text-area .description{padding:0 15px 0 95px;margin-bottom:130px}}@media(min-width:1024px){.header .text-area .description{padding:0 0 0 60px;margin-bottom:100px}}@media(min-width:1280px){.header .text-area .description{padding:0 0 0 100px;margin-bottom:120px}}@media(min-width:1536px){.header .text-area .description{padding:0 40px 0 120px;margin-bottom:140px}}.header .text-area .description p{font-size:16px}@media(min-width:640px){.header .text-area .description p{font-size:25px}}@media(min-width:1024px){.header .text-area .description p{font-size:22px}}@media(min-width:1536px){.header .text-area .description p{font-size:30px}}.header .text-area .description p span{color:#de1738}.header .text-area .projects-link,.header .text-area .resume-link{display:block}.header .text-area .projects-link:first-letter,.header .text-area .resume-link:first-letter{color:#de1738}@media(min-width:1024px){.header .text-area .projects-link,.header .text-area .resume-link{display:inline-block}}.header .text-area .resume-link{margin-bottom:8px}@media(min-width:1024px){.header .text-area .resume-link{margin-bottom:0}}.header .text-area .resume-link span{display:none}@media(min-width:1024px){.header .text-area .resume-link span{display:unset}}@media(min-width:1024px){.header .text-area .projects-link{margin-left:5px}}.header .background-image-container{width:74vw;box-shadow:-5px 0 25px rgba(0,0,0,.12)}@media(min-width:640px){.header .background-image-container{width:67vw;box-shadow:-10px 0 30px rgba(0,0,0,.12)}}@media(min-width:1024px){.header .background-image-container{width:44vw}}.skills .skills-cards-container{grid-gap:5px;gap:5px}@media(min-width:640px){.skills .skills-cards-container{grid-gap:12px;gap:12px}}@media(min-width:1024px){.skills .skills-cards-container{grid-gap:15px;gap:15px}}.skills .skills-cards-container .skill-card{border:1px solid #000;border-radius:4px;padding-top:100%}@media(min-width:640px){.skills .skills-cards-container .skill-card{border-width:2px;border-radius:6px}}@media(min-width:1024px){.skills .skills-cards-container .skill-card{border-radius:10px}}.skills .skills-cards-container .skill-card .skill-icon{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:35%;height:auto;z-index:40}@media(min-width:640px){.skills .skills-cards-container .skill-card .skill-icon{width:29%}}.project-card{padding-bottom:35px;margin-bottom:40px}@media(min-width:640px){.project-card{padding-bottom:25px;margin-bottom:75px}}@media(min-width:1024px){.project-card{padding-bottom:50px;margin-bottom:70px}}.project-card .project-image-container .desktop-screenshot,.project-card .project-image-container .mobile-screenshot{display:block}.project-card .project-image-container .desktop-screenshot.hide-image,.project-card .project-image-container .mobile-screenshot.hide-image{display:none}.project-card .project-image-container .image-placeholder{background-color:#c7c7cd}.project-card .project-image-container .desktop-screenshot{box-shadow:4px 4px 10px rgba(0,0,0,.25)}@media(min-width:640px){.project-card .project-image-container .desktop-screenshot{box-shadow:8px 8px 35px rgba(0,0,0,.2)}}.project-card .project-image-container .desktop-screenshot.image-placeholder{padding-top:56.25%}.project-card .project-image-container .mobile-screenshot{box-shadow:0 0 8px rgba(0,0,0,.33);width:20%;border:1px solid #fff;border-radius:5px}@media(min-width:640px){.project-card .project-image-container .mobile-screenshot{box-shadow:0 0 15px rgba(0,0,0,.33);border-radius:5px}}.project-card .project-image-container .mobile-screenshot.image-placeholder{padding-top:42.688%}.project-card .project-text-area{padding-top:20px}@media(min-width:1024px){.project-card .project-text-area{padding-top:30px}}.project-card .project-text-area h3{margin-bottom:55px}@media(min-width:640px){.project-card .project-text-area h3{margin-bottom:60px}}@media(min-width:1024px){.project-card .project-text-area h3{margin-bottom:80px}}.project-card .project-text-area h3 span{display:inline-block}.project-card .project-text-area h3 span:first-letter{color:#de1738}.project-card .project-text-area .description{margin-bottom:18px;padding-left:40px}@media(min-width:640px){.project-card .project-text-area .description{margin-bottom:15px;padding-left:175px}}@media(min-width:1024px){.project-card .project-text-area .description{margin-bottom:22px;padding-left:50px}}@media(min-width:1280px){.project-card .project-text-area .description{padding-left:80px}}@media(min-width:1536px){.project-card .project-text-area .description{padding-left:145px}}.project-card .project-text-area .project-details{margin-bottom:14px}@media(min-width:640px){.project-card .project-text-area .project-details{margin-bottom:26px}}@media(min-width:1024px){.project-card .project-text-area .project-details{margin-bottom:19px}}.project-card .project-text-area .project-details p{color:#999;font-size:14px;margin-bottom:4px}@media(min-width:640px){.project-card .project-text-area .project-details p{font-size:16px}}@media(min-width:1024px){.project-card .project-text-area .project-details p{font-size:18px;margin-bottom:6px}}.project-card .project-text-area .project-details p span{color:#000;text-transform:capitalize}.project-card .project-text-area .project-links a:first-child{margin-right:25px}@media(min-width:640px){.project-card .project-text-area .project-links a:first-child{margin-right:50px}}.project-card .bottom-border{background-color:#000;height:1px;width:135px}@media(min-width:640px){.project-card .bottom-border{width:215px;height:2px}}@media(min-width:1024px){.project-card .bottom-border{width:300px}}.project-card.left .project-image-container{padding:0 30px 23px 0}@media(min-width:640px){.project-card.left .project-image-container{padding:0 65px 55px 0}}.project-card.left .project-image-container .mobile-screenshot{right:0}@media(min-width:1024px){.project-card.left .project-text-area{padding-left:35px}}@media(min-width:1280px){.project-card.left .project-text-area{padding-left:60px}}@media(min-width:1536px){.project-card.left .project-text-area{padding-left:80px}}.project-card.right .project-image-container{padding:0 0 23px 30px}@media(min-width:640px){.project-card.right .project-image-container{padding:0 0 55px 65px}}.project-card.right .project-image-container .mobile-screenshot{left:0}@media(min-width:1024px){.project-card.right .project-text-area{padding-right:35px}}@media(min-width:1280px){.project-card.right .project-text-area{padding-right:60px}}@media(min-width:1536px){.project-card.right .project-text-area{padding-right:80px}}.about .image-container{padding-bottom:15px}@media(min-width:640px){.about .image-container{padding:0}}@media(min-width:1024px){.about .image-container{padding:0 20px 170px 0}}@media(min-width:1280px){.about .image-container{padding:0 70px 170px 0}}@media(min-width:1536px){.about .image-container{padding:0 160px 170px 0}}.about .image-container .back-image{border:2px solid #fff;box-shadow:5px 5px 15px rgba(0,0,0,.18)}@media(min-width:640px){.about .image-container .back-image{box-shadow:8px 8px 20px rgba(0,0,0,.2)}}.about .text-area{margin-top:20px}@media(min-width:640px){.about .text-area{margin-top:50px}}@media(min-width:1024px){.about .text-area{margin-top:0;padding-left:30px}}.about .text-area p{margin-bottom:10px}@media(min-width:640px){.about .text-area p{margin-bottom:15px}}@media(min-width:1024px){.about .text-area p{margin-bottom:10px}}.about .text-area p.first-paragraph{margin-bottom:25px}@media(min-width:1024px){.about .text-area p.first-paragraph{margin-bottom:40px}}.about .text-area p.projects-link{margin-bottom:0;margin-top:20px}@media(min-width:640px){.about .text-area p.projects-link{margin-bottom:0;margin-top:30px}}@media(min-width:1024px){.about .text-area p.projects-link{margin-bottom:0;margin-top:80px}}.about .text-area p.projects-link a{position:relative;color:#de1738;font-size:16px;font-weight:500}.about .text-area p.projects-link a:before{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background-color:#de1738;transition:.2s ease-in-out}@media(min-width:640px){.about .text-area p.projects-link a{font-size:19px}}@media(min-width:1024px){.about .text-area p.projects-link a{font-size:23px}}.about .text-area p.projects-link a:hover:before{width:100%}.about .text-area p span{color:#de1738;font-weight:500}.contact-form .inputs-row .input-container{width:100%;margin-bottom:15px}@media(min-width:640px){.contact-form .inputs-row .input-container{width:calc(50% - 20px);margin-bottom:25px}}.contact-form .inputs-row .input-container.message-input{height:210px}@media(min-width:640px){.contact-form .inputs-row .input-container.message-input{width:100%;height:280px}}.contact-form .inputs-row .input-container.message-input textarea{height:100%;resize:none}.contact-form .inputs-row .input-container input,.contact-form .inputs-row .input-container textarea{position:relative;width:100%;padding:8px 15px 17px;-webkit-transform:translate(9px,9px);transform:translate(9px,9px);background-color:#000;opacity:.6;z-index:10;color:#fff;transition:.25s ease-in-out}@media(min-width:640px){.contact-form .inputs-row .input-container input,.contact-form .inputs-row .input-container textarea{padding:6px 17px 15px;-webkit-transform:translate(12px,12px);transform:translate(12px,12px)}}.contact-form .inputs-row .input-container input:-webkit-autofill,.contact-form .inputs-row .input-container input:-webkit-autofill:active,.contact-form .inputs-row .input-container input:-webkit-autofill:focus,.contact-form .inputs-row .input-container input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #000 inset!important}.contact-form .inputs-row .input-container input:-webkit-autofill{-webkit-text-fill-color:#fff!important}.contact-form .inputs-row .input-container .input-border{border:1px solid #000;width:100%;height:100%;z-index:0}.contact-form .inputs-row .input-container:focus,.contact-form .inputs-row .input-container:focus-within{-webkit-transform:translate(0);transform:translate(0)}.contact-form .inputs-row .input-container:focus-within input,.contact-form .inputs-row .input-container:focus-within textarea,.contact-form .inputs-row .input-container:focus input,.contact-form .inputs-row .input-container:focus textarea{padding:12px 15px 13px;outline-color:#de1738;-webkit-transform:translate(0);transform:translate(0)}@media(min-width:640px){.contact-form .inputs-row .input-container:focus-within input,.contact-form .inputs-row .input-container:focus-within textarea,.contact-form .inputs-row .input-container:focus input,.contact-form .inputs-row .input-container:focus textarea{padding:10px 17px 11px}}.loading{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.loading.cover-page{position:fixed;top:0;left:0;width:100vw;height:100vh}.loading .loading-spinner{width:2.5em;height:3em;border-color:#fff transparent;border-style:solid;border-width:3px;border-radius:50%;-webkit-animation:spin-stretch 2.5s ease infinite;animation:spin-stretch 2.5s ease infinite;margin-bottom:35px}@media(min-width:640px){.loading .loading-spinner{width:3em;height:3.6em;margin-bottom:45px}}@media(min-width:1024px){.loading .loading-spinner{width:3.75em;height:4.5em;margin-bottom:55px}}.loading .loading-text-container{display:flex}.loading .loading-text-container span{color:#fff;text-transform:capitalize;text-shadow:1px 1px 2px rgba(0,0,0,.4);font-size:19px}@media(min-width:640px){.loading .loading-text-container span{font-size:25px}}@media(min-width:1024px){.loading .loading-text-container span{font-size:31px}}.loading .loading-text-container .loading-text-dots{margin-left:5px}.loading .loading-text-container .loading-text-dots span{display:inline-block;margin:0 1px;-webkit-animation:text-dot 1.5s ease infinite;animation:text-dot 1.5s ease infinite}.loading .loading-text-container .loading-text-dots span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loading .loading-text-container .loading-text-dots span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes spin-stretch{50%{-webkit-transform:rotate(1turn) scale(.4,.33);transform:rotate(1turn) scale(.4,.33);border-width:8px}to{-webkit-transform:rotate(2turn) scale(1);transform:rotate(2turn) scale(1);border-width:3px}}@keyframes spin-stretch{50%{-webkit-transform:rotate(1turn) scale(.4,.33);transform:rotate(1turn) scale(.4,.33);border-width:8px}to{-webkit-transform:rotate(2turn) scale(1);transform:rotate(2turn) scale(1);border-width:3px}}@-webkit-keyframes text-dot{50%{opacity:0}to{opacity:1}}@keyframes text-dot{50%{opacity:0}to{opacity:1}}.contact .text-area{padding-right:20px}@media(min-width:1024px){.contact .text-area{padding-top:190px}}.contact .text-area .small-text{font-size:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right;transform-origin:right;letter-spacing:.3em;top:160px}@media(min-width:640px){.contact .text-area .small-text{font-size:12px;top:190px}}@media(min-width:1024px){.contact .text-area .small-text{font-size:14px;top:215px;margin-right:10px}}.contact .text-area .contact-description{margin-bottom:35px}@media(min-width:640px){.contact .text-area .contact-description{margin-bottom:60px}}@media(min-width:1024px){.contact .text-area .contact-description{margin-bottom:90px}}.contact .text-area .contact-links{margin-bottom:15px}@media(min-width:640px){.contact .text-area .contact-links{margin-bottom:45px}}@media(min-width:1024px){.contact .text-area .contact-links{margin-bottom:0}}.contact .text-area .contact-links .contact-link{margin-bottom:20px}@media(min-width:640px){.contact .text-area .contact-links .contact-link{margin-bottom:0}}@media(min-width:640px){.contact .text-area .contact-links .contact-link:first-child{margin-bottom:25px}}.contact .text-area .contact-links .contact-link a,.contact .text-area .contact-links .contact-link button,.contact .text-area .contact-links .contact-link span{font-size:16px;text-transform:capitalize;font-weight:500}@media(min-width:640px){.contact .text-area .contact-links .contact-link a,.contact .text-area .contact-links .contact-link button,.contact .text-area .contact-links .contact-link span{font-size:19px}}@media(min-width:1024px){.contact .text-area .contact-links .contact-link a,.contact .text-area .contact-links .contact-link button,.contact .text-area .contact-links .contact-link span{font-size:23px}}.contact .text-area .contact-links .contact-link span{display:block;margin-bottom:5px}@media(min-width:1024px){.contact .text-area .contact-links .contact-link span{margin-bottom:8px}}.contact .text-area .contact-links .contact-link a,.contact .text-area .contact-links .contact-link button{color:#de1738}@media(min-width:1024px){.contact .form-container{padding-left:30px}}@media(min-width:1280px){.contact .form-container{padding-left:60px}}@media(min-width:1536px){.contact .form-container{padding-left:80px}}.footer{padding-top:30px;margin-bottom:50px}@media(min-width:640px){.footer{padding-top:20px;margin-bottom:80px}}@media(min-width:1024px){.footer{padding-top:10px;margin-bottom:110px}}.footer .social-media-links{margin-left:30px}@media(min-width:640px){.footer .social-media-links{margin-left:50px}}.footer .social-media-links a{margin-right:10px}@media(min-width:640px){.footer .social-media-links a{margin-right:15px}}.footer .social-media-links a svg{width:23px;height:auto}@media(min-width:640px){.footer .social-media-links a svg{width:25px}}@media(min-width:1024px){.footer .social-media-links a svg{width:30px}}.footer .social-media-links a svg path{transition:.2s ease-in-out}.footer .social-media-links a:hover svg path{fill:#de1738}.App{width:100%;overflow:hidden}
/*# sourceMappingURL=main.dfd4d7dd.chunk.css.map */