@font-face{font-family:Utility;src:url(./UTILITY-D4PM73dt.ttf)}@font-face{font-family:Minotaur;src:url(./minotaur-BK6rtl5c.ttf)}:root{font-family:Tahoma,system-ui,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}* a,* a:visited{color:#d0eeff}* a:hover,* a:focus{transition:color .5s;color:#ffa450}ul.desktop-menu,ul.mobile-menu{font-family:utility,Impact,Arial Black,sans-serif;letter-spacing:.1ch;text-transform:uppercase;font-weight:700}ul.desktop-menu{font-size:clamp(clamp(1.5rem,5vw + 1rem,2rem),2vw + 1rem,clamp(1.75rem,5vw + 1rem,2.75rem))}ul.mobile-menu{font-size:clamp(1.25rem,2vw + 1rem,clamp(1.5rem,5vw + 1rem,2rem))}h1{font-family:minotaur,Impact,Arial Black,sans-serif;letter-spacing:.1ch;text-transform:uppercase;font-weight:700}.h1{font-size:clamp(2.5rem,5vw + 1rem,5rem);padding:0rem 1rem;padding:.5rem}h2{font-family:minotaur,Impact,Arial Black,sans-serif;font-weight:400}h2{font-size:clamp(1.75rem,5vw + 1rem,2.75rem)}.h3-title{color:#ff008c;padding:.5rem;font-size:clamp(1.25rem,5vw + 1rem,clamp(1.75rem,5vw + 1rem,2.75rem));background:linear-gradient(to left,#ff2b4e,#8a00b6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1ch;text-transform:uppercase;font-weight:700}.h3{font-size:clamp(1.5rem,5vw + 1rem,2rem);letter-spacing:.1ch;text-transform:uppercase;font-weight:700}h4{font-size:clamp(1.75rem,5vw + 1rem,2.75rem);letter-spacing:.1ch;text-transform:uppercase;font-weight:700;line-height:1;display:block;padding:1rem}.header-blurb{font-size:1.25rem;margin-bottom:.75rem}.section-header{font-size:clamp(2rem,5vw + 1rem,3rem);padding:1.5rem;text-align:center;text-shadow:0 0 0 transparent,0 0 10px rgba(208,238,255,0),0 0 20px rgba(208,238,255,.3),0 0 30px rgba(208,238,255,.4),0 0 50px rgba(208,238,255,.5)}button{font-weight:700;text-transform:uppercase;font-size:1.25rem}.project-card__title{font-family:utility,Impact,Arial Black,sans-serif;text-align:center}.project-card__links{font-size:clamp(1rem,5vw + 1rem,1.25rem);letter-spacing:.1ch;text-transform:uppercase;font-weight:700;display:flex;gap:2rem}.card-link{display:block;flex-grow:1}label{font-family:utility,Impact,Arial Black,sans-serif;font-size:clamp(1.5rem,5vw + 1rem,2rem);letter-spacing:.1ch;text-transform:uppercase;font-weight:700}.social-icon{width:clamp(2rem,2vw + 1rem,3rem);height:clamp(2rem,2vw + 1rem,3rem)}.tool-icon{width:2rem;height:2rem;display:flex}.btt-icon{width:clamp(2rem,2vw + 1rem,3rem);height:clamp(2rem,2vw + 1rem,3rem)}nav{width:100%;padding:1rem}.nav-burger{background-color:#020224;outline:0;border:0;transition:box-shadow .5s}.nav-burger:hover,.nav-burger:active,.nav-burger:focus,.nav-burger::-moz-focus-inner{box-shadow:0 0 1px #d0eeff1a,0 0 10px #d0eeff1a,0 0 20px #d0eeff26,0 0 25px #d0eeff4d,0 0 30px #d0eeff66;color:#d0eeff}.mobile-nav-close{background-color:#8a00b6;color:#020224;font-weight:700;border:1px;padding:0 .5rem;font-size:1.75rem;margin-bottom:.25rem}.nav-burger-img{height:3rem;width:3rem}.desktop-menu{display:none}@media screen and (min-width: 768px){.nav-burger{display:none}ul.desktop-menu{display:flex}}ul.mobile-menu{background:#8a00b680;box-shadow:0 0 1px #ff008c1a,0 0 10px #ff008c1a,0 0 20px #ff008c26,0 0 25px #ff008c4d,0 0 30px #ff008c66;border:10px solid #ff008c;display:flex;flex-direction:column;justify-content:center;gap:2rem;list-style:none;padding:4%;position:absolute;top:5%;left:25%}ul.mobile-menu>li{flex-grow:1}ul.mobile-menu>li>a,ul.mobile-menu a:visited{transition:all .5s;color:#d0eeff;text-shadow:none;padding:.5rem;border-bottom:1px solid #d0eeff;text-decoration-color:#d0eeff}ul.mobile-menu>li>a:hover,ul.mobile-menu>li>a:active,ul.mobile-menu>li>a:focus,ul.mobile-menu>li>a::-moz-focus-inner,ul.mobile-menu a:visited:hover,ul.mobile-menu a:visited:active,ul.mobile-menu a:visited:focus,ul.mobile-menu a:visited::-moz-focus-inner{text-shadow:0 0 0 transparent,0 0 10px rgba(255,0,140,0),0 0 20px rgba(255,0,140,.3),0 0 30px rgba(255,0,140,.4),0 0 50px rgba(255,0,140,.5);color:#ff008c;border-bottom:1px solid #ff008c;text-decoration-color:#ff008c}ul.desktop-menu{justify-content:center;align-items:center;gap:10%;list-style:none;padding-left:3%}ul.desktop-menu>li{flex-grow:1}ul.desktop-menu>li>a,ul.desktop-menu a:visited{transition:all .5s;color:#d0eeff;text-shadow:none;padding:.5rem;border-bottom:1px solid #d0eeff;text-decoration-color:#d0eeff}ul.desktop-menu>li>a:hover,ul.desktop-menu>li>a:active,ul.desktop-menu>li>a:focus,ul.desktop-menu>li>a::-moz-focus-inner,ul.desktop-menu a:visited:hover,ul.desktop-menu a:visited:active,ul.desktop-menu a:visited:focus,ul.desktop-menu a:visited::-moz-focus-inner{text-shadow:0 0 0 transparent,0 0 10px rgba(255,0,140,0),0 0 20px rgba(255,0,140,.3),0 0 30px rgba(255,0,140,.4),0 0 50px rgba(255,0,140,.5);color:#ff008c;border-bottom:1px solid #ff008c;text-decoration-color:#ff008c}header{padding:1rem;background:linear-gradient(to top left,#f000,#020224),linear-gradient(to bottom right,#f000,#020224),repeating-linear-gradient(to bottom,#f000,#00a6ac 2px,#f000 2px,#f000 60px),repeating-linear-gradient(to right,#f000,#ff008c 1px,#f000 2px,#f000 60px)}.nametag{text-shadow:0 0 0 transparent,0 0 10px rgba(255,43,78,0),0 0 20px rgba(255,43,78,.3),0 0 30px rgba(255,43,78,.4),0 0 50px rgba(255,43,78,.5);background:linear-gradient(to left,#ffa450,#ff2b4e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ffa450}.header-content{text-align:center}.intro-blurb{padding:.5rem}@media only screen and (min-width: 768px){header{display:grid;grid-template-columns:repeat(8,1fr);place-items:center}.header-content{grid-column:2/8;text-align:left}}.web-dev{background:linear-gradient(to top left,#f000 40%,#ff2b4e80),repeating-linear-gradient(to left,#f000,#320741 20px,#f000 5px,#f000 60px),radial-gradient(40rem circle at center right,#ff2b4e 45%,#ffa450 60%,#320741 60px)}.web-dev-cards{display:flex;flex-direction:column;gap:2rem}@media only screen and (min-width: 768px){.web-dev{display:grid;grid-template-columns:repeat(8,1fr);place-items:center}.web-dev-cards{display:block;grid-column:2/8}}@media only screen and (min-width: 768px){.web-dev{display:grid;grid-template-columns:repeat(8,1fr);place-items:center}.web-dev-cards{display:block;grid-column:1/-1}}@media only screen and (min-width: 1024px){.web-dev{display:grid;grid-template-columns:repeat(8,1fr);place-items:center}.web-dev-cards{display:block;grid-column:2/8}}.project-card{background-position:center;background-size:cover;display:flex;flex-direction:column-reverse;border:10px solid #00a6ac;transition:all .5s}.project-card:hover,.project-card:active,.project-card:focus,.project-card::-moz-focus-inner{box-shadow:0 0 1px #32e8ee1a,0 0 10px #32e8ee1a,0 0 20px #32e8ee26,0 0 25px #32e8ee4d,0 0 30px #32e8ee66;border:10px solid #32e8ee}@media only screen and (min-width: 768px){.project-card{flex-direction:row;margin:3rem}}.project-card__title{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to right,#ff63cb,#ff2b4e)}.project-card__title>h4{font-size:clamp(3rem,8vw,4rem)}.project-card__center{display:flex;flex-grow:1;flex-direction:column-reverse}@media only screen and (min-width: 768px){.project-card__center{display:flex;flex-direction:row;flex-grow:1}}.project-card__center-left,.project-card__center-right{display:flex;height:100%}.project-card__center-left-text-wrapper{background-color:#020224;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (min-width: 768px){.project-card__center-left,.project-card__center-right{display:flex;width:50%}.project-card__center-left-text-wrapper{padding:1rem}}.project-card__description{flex-grow:1;padding-top:2rem;text-align:justify;padding:1rem}@media only screen and (min-width: 768px){.project-card__description{padding-bottom:0}}.project-card__tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;padding-bottom:1rem}@media only screen and (min-width: 768px){.project-card__title{flex-direction:row;justify-content:space-between}.project-card__title .project-card__tools{width:50%;padding:0}}.project-card__links,.project-card__links>a{text-align:center;padding:.5rem}.project-card__links a,.project-card__links a:visited,.project-card__links>a a,.project-card__links>a a:visited{color:#d0eeff}.project-card__links a:hover,.project-card__links a:focus,.project-card__links>a a:hover,.project-card__links>a a:focus{transition:background-color .5s;background-color:#ff2b4e}img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.contact{background:linear-gradient(to right,#ff2b4e 50%,#ffa450)}@media only screen and (min-width: 768px){.box-block{display:grid;grid-template-columns:repeat(8,1fr)}}form{grid-column:2/8}.contact-intro{width:100%;padding-top:1%;text-align:center}.contact-intro>a{color:#d0eeff;transition:all .5s}.contact-intro>a:hover,.contact-intro a:focus{text-shadow:0 0 0 transparent,0 0 10px rgba(208,238,255,0),0 0 20px rgba(208,238,255,.3),0 0 30px rgba(208,238,255,.4),0 0 50px rgba(208,238,255,.5)}.contact-form-top{display:flex;flex-direction:column;padding:.5rem}@media screen and (min-width: 768px){.contact-form-top{flex-direction:row;gap:2rem}}.contact-form__left{display:flex;flex-direction:column;justify-content:space-between}.form-section{padding-bottom:1rem}input,textarea{padding:1.5rem;width:100%;color:#320741;background-color:#00a6ac;font-weight:700;border:0}input:hover,input:active,input:focus,input::-moz-focus-inner,textarea:hover,textarea:active,textarea:focus,textarea::-moz-focus-inner{outline:5px solid #d0eeff;outline-style:5px solid #d0eeff}input:hover,input:active,input:focus,input::-moz-focus-inner,textarea:hover,textarea:active,textarea:focus,textarea::-moz-focus-inner{-moz-transition:background-color .5s;transition:background-color .5s;box-shadow:0 0 1px #d0eeff1a,0 0 10px #d0eeff1a,0 0 20px #d0eeff26,0 0 25px #d0eeff4d,0 0 30px #d0eeff66;-moz-transition:all .5s;transition:all .5s;background-color:#32e8ee}.message{flex-grow:1}@media screen and (min-width: 768px){form{flex-direction:row}.contact-form__left,.contact-form__right{width:50%}}.buttons{padding-top:1rem;display:flex;justify-content:center}@media screen and (min-width: 768px){.buttons{width:100%;padding-bottom:1rem}}.overlay{background:#8a00b680;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.modal{box-shadow:0 0 1px #ff2b4e1a,0 0 10px #ff2b4e1a,0 0 20px #ff2b4e26,0 0 25px #ff2b4e4d,0 0 30px #ff2b4e66;border:10px solid #ff2b4e;align-items:center;background:#320741;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;width:90%;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:99999}@media only screen and (min-width: 768px){.modal{width:50%}}.modal-header{width:100%;display:flex;background:#ff2b4e;justify-content:space-between;align-items:center}.modal-header__headline{padding:.5rem;font-weight:700}.modal-close{background:#ffa450;color:#020224;font-weight:700;border:1px;padding:0 .5rem;font-size:1.75rem;margin-bottom:.25rem;cursor:pointer}.modal-close:hover,.modal-close:active,.modal-close:focus,.modal-close::-moz-focus-inner{-moz-transition:color .5s;transition:color .5s;-moz-transition:background-color .5s;transition:background-color .5s;color:#020224;background-color:#d0eeff}.modal-description{font-size:1.25rem;padding:1rem}footer{display:flex;flex-direction:column;padding:0rem 1rem;align-items:center;justify-content:center}.thanks{text-align:center;flex-grow:1}.btt{padding:1rem;justify-self:center}.btt>a,.btt a:visited{transition:box-shadow .5s}.btt>a:hover,.btt>a:active,.btt>a:focus,.btt>a::-moz-focus-inner,.btt a:visited:hover,.btt a:visited:active,.btt a:visited:focus,.btt a:visited::-moz-focus-inner{box-shadow:0 0 1px #ffa4501a,0 0 10px #ffa4501a,0 0 20px #ffa45026,0 0 25px #ffa4504d,0 0 30px #ffa45066;color:#ffa450}@media only screen and (min-width: 768px){footer{flex-direction:row-reverse;justify-content:space-between}}.fade-1,.fade-2,.fade-3,.fade-4{animation-fill-mode:forwards}@keyframes fadein{0%{opacity:0}to{opacity:1}}.fade-1{animation:fadein 2s}.fade-2{animation:fadein 3s}.fade-3{animation:fadein 4s}.fade-4{animation:fadein 5s}.button{border:0;margin:1rem;padding:1rem;color:#d0eeff}.form-button{width:50%}@media screen and (min-width: 768px){.form-button{width:25%}}.teal-button{transition:all .5s;background-color:#00a6ac}.teal-button:hover,.teal-button:active,.teal-button:focus,.teal-button::-moz-focus-inner{background-color:#320741;box-shadow:0 0 1px #d0eeff1a,0 0 10px #d0eeff1a,0 0 20px #d0eeff26,0 0 25px #d0eeff4d,0 0 30px #d0eeff66}.pink-button{transition:all .5s;background-color:#ff008c}.pink-button:hover,.pink-button:active,.pink-button:focus,.pink-button::-moz-focus-inner{outline:5px solid #d0eeff;outline-style:5px solid #d0eeff}.pink-button:hover,.pink-button:active,.pink-button:focus,.pink-button::-moz-focus-inner{background-color:#320741;box-shadow:0 0 1px #d0eeff1a,0 0 10px #d0eeff1a,0 0 20px #d0eeff26,0 0 25px #d0eeff4d,0 0 30px #d0eeff66}.orange-button{transition:all .5s;background-color:#ffa450}.orange-button:hover,.orange-button:active,.orange-button:focus,.orange-button::-moz-focus-inner{outline:5px solid #d0eeff;outline-style:5px solid #d0eeff}.orange-button:hover,.orange-button:active,.orange-button:focus,.orange-button::-moz-focus-inner{background-color:#320741;box-shadow:0 0 1px #d0eeff1a,0 0 10px #d0eeff1a,0 0 20px #d0eeff26,0 0 25px #d0eeff4d,0 0 30px #d0eeff66}.purple-button{transition:all .5s;background-color:#8a00b6}.purple-button:hover,.purple-button:active,.purple-button:focus,.purple-button::-moz-focus-inner{background-color:#ff2b4e;box-shadow:0 0 1px #d0eeff1a,0 0 10px #d0eeff1a,0 0 20px #d0eeff26,0 0 25px #d0eeff4d,0 0 30px #d0eeff66}.socials{display:flex;gap:1rem;padding:2rem;line-height:0}.socials>a,.socials a:visited{transition:box-shadow .5s}.socials>a:hover,.socials>a:active,.socials>a:focus,.socials>a::-moz-focus-inner,.socials a:visited:hover,.socials a:visited:active,.socials a:visited:focus,.socials a:visited::-moz-focus-inner{box-shadow:0 0 1px #d0eeff1a,0 0 10px #d0eeff1a,0 0 20px #d0eeff26,0 0 25px #d0eeff4d,0 0 30px #d0eeff66;color:#d0eeff}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#020224;color:#d0eeff;margin:0;min-width:320px}.App{display:flex;flex-direction:column;gap:10em}