@font-face{font-family:Akira;src:local("Akira"),url(/static/media/akira.5198553380d9bb727554.otf) format("opentype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Akira;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fbfbfb;font-family:Akira;margin:auto;overflow:hidden;position:relative;width:100%}.App .contact,.navbar-container{background-color:#0c0f11}.navbar-container{align-items:center;border:3px solid #fbfbfb;border-radius:100px;display:flex;justify-content:space-between;left:0;margin:0 auto;padding:10px 0;position:fixed;right:0;top:3%;width:85%;z-index:2}.navbar-container .initials-container img{padding-left:30px;width:50px}.navbar-container .mobile-icon{display:none}.navbar-container .tab-container .tabs{display:flex;justify-content:space-between;list-style:none;margin:0;padding-right:30px}.navbar-container .tab-container .tabs .tab{color:#fbfbfb;padding:10px 12px}.navbar-container .tab-container .tabs .tab:after{background:linear-gradient(124deg,#da1d00,#d31b1b,#cfa51a,#c2c519,#18c735,#19bdc5,#2519c9,#c300d4,#dd00f3);background-clip:initial;background-size:1000% 1000%;content:"";display:block;height:3px;margin-top:1px;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.navbar-container .tab-container .tabs .tab:hover{-webkit-text-fill-color:transparent;-webkit-animation:rainbow 10s ease infinite;animation:rainbow 10s ease infinite;background:linear-gradient(124deg,#da1d00,#d31b1b,#cfa51a,#c2c519,#18c735,#19bdc5,#2519c9,#c300d4,#dd00f3);-webkit-background-clip:text;background-clip:text;background-size:1800% 1800%;cursor:pointer}.navbar-container .tab-container .tabs .tab:hover:after{-webkit-animation:rainbow 10s ease infinite;animation:rainbow 10s ease infinite;-webkit-transform:scaleX(1);transform:scaleX(1)}.navbar-container .tab-container .tabs .tab:nth-child(2n):hover{-webkit-text-fill-color:transparent;-webkit-animation:rainbow 10s ease infinite;animation:rainbow 10s ease infinite;background:linear-gradient(124deg,#dd00f3,#c300d4,#2519c9,#19bdc5,#18c735,#c2c519,#cfa51a,#d31b1b,#da1d00);-webkit-background-clip:text;background-clip:text;background-size:1800% 1800%}.navbar-container .tab-container .tabs .tab:nth-child(2n):hover:after{-webkit-animation:rainbow 10s ease infinite;animation:rainbow 10s ease infinite;background:linear-gradient(124deg,#dd00f3,#c300d4,#2519c9,#19bdc5,#18c735,#c2c519,#cfa51a,#d31b1b,#da1d00);background-clip:initial;background-size:700% 700%}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@media(max-width:1000px){.navbar-container .tab-container .tabs{font-size:12px}.navbar-container .initials-container img{padding:0;width:75px}}@media(max-width:850px){.home{background-color:#0c0f11}.navbar-container{border-radius:12px;flex-wrap:wrap;justify-content:space-between;top:2%;transition:all .4s ease;width:35%}.navbar-container.open{width:90%}.navbar-container .initials-container img{padding-left:17.5px;width:30px}.navbar-container .mobile-icon{cursor:pointer;display:block;height:30px;padding-right:40px;pointer-events:auto;position:relative;transition:all .3s;width:20px}.navbar-container .mobile-icon div:first-child{top:-10px}.navbar-container.open .mobile-icon div:first-child{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar-container.open .mobile-icon div:nth-child(2){opacity:0}.navbar-container .mobile-icon div{background-color:#fff;bottom:0;height:2px;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .3s;width:17.5px}.navbar-container .mobile-icon div:nth-child(3){top:10px}.navbar-container.open .mobile-icon div:nth-child(3){top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.navbar-container .tab-container{max-height:0;overflow:hidden;transition:all .2s;transition-delay:.4s}.navbar-container .tab-container.open{display:block;flex:100% 1;max-height:30vh;transition:all .4s;transition-delay:.4s}.navbar-container .tab-container .tabs{justify-content:space-between;opacity:0;padding:5px 15px;transition:all .1s ease}.navbar-container .tab-container.open .tabs{opacity:1;transition:all .4s ease;transition-delay:.4s}.navbar-container .tab-container .tabs .tab{font-size:10px;text-align:left}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home-container{background:linear-gradient(90deg,#0c0f11 60%,#fbfbfb 0);display:flex;flex-wrap:wrap;margin-bottom:-90px;overflow:hidden;padding:150px 150px 125px}.home-container .column1{-webkit-animation:slideLeft 1s ease;animation:slideLeft 1s ease;flex:60% 1}.home-container .column1 .heading{color:#fbfbfb;padding:15px 0 150px;text-align:left}.home-container .column1 .heading .name{font-size:30px;margin:0 0 5px}.home-container .column1 .heading .job{-webkit-text-fill-color:transparent;-webkit-animation:rainbow 14s ease infinite;animation:rainbow 14s ease infinite;background:linear-gradient(124deg,#da1d00,#d31b1b,#cfa51a,#c2c519,#18c735,#19bdc5,#2519c9,#c300d4,#dd00f3);-webkit-background-clip:text;background-clip:text;background-size:1800% 1800%;font-size:46px;margin:0 0 5px}.home-container .column1 .heading .job-description{font-size:20px;margin:0}.home-container .column1 .buttons{text-align:left}@-webkit-keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}.home-container .column1 .buttons .button-container .button{background-color:#fbfbfb;background:#fbfbfb;color:#0c0f11;display:block;margin:30px 0;padding:20px 10px;text-align:left;transition:all .5s ease;width:30%}.home-container .column1 .buttons .button-container .button:hover{-webkit-animation:rainbow 18s ease infinite;animation:rainbow 18s ease infinite;background:linear-gradient(124deg,#da1d00,#d31b1b,#cfa51a,#c2c519,#18c735,#19bdc5,#2519c9,#c300d4,#dd00f3);background-size:1800% 1800%;color:#fbfbfb;cursor:pointer;transition:all .5s ease;width:40%}.home-container .column1 .buttons .button-container .button.two:hover{-webkit-animation:rainbow 18s ease infinite;animation:rainbow 18s ease infinite;background:linear-gradient(124deg,#2519c9,#c300d4,#dd00f3,#cfa51a,#c2c519,#18c735,#da1d00,#d31b1b,#19bdc5);background-size:1800% 1800%;transition:all .5s ease}@keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}.home-container .column1 .socials{align-items:center;display:flex}.home-container .column1 .socials a{padding:0 7.5px}.home-container .column1 .socials .ig{padding:0 7.5px 0 0}.home-container .column1 .socials a img{width:25px}.home-container .column1 .socials .twitch img{width:20px}.home-container .column1 .socials a:hover{-webkit-animation:rainbowIcon 60s ease infinite;animation:rainbowIcon 60s ease infinite;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .5s ease}@-webkit-keyframes rainbowIcon{0%{-webkit-filter:invert(17%) sepia(100%) saturate(3281%) hue-rotate(6deg) brightness(90%) contrast(107%);filter:invert(17%) sepia(100%) saturate(3281%) hue-rotate(6deg) brightness(90%) contrast(107%)}12.5%{-webkit-filter:invert(24%) sepia(51%) saturate(4466%) hue-rotate(349deg) brightness(83%) contrast(100%);filter:invert(24%) sepia(51%) saturate(4466%) hue-rotate(349deg) brightness(83%) contrast(100%)}25%{-webkit-filter:invert(55%) sepia(75%) saturate(457%) hue-rotate(9deg) brightness(102%) contrast(96%);filter:invert(55%) sepia(75%) saturate(457%) hue-rotate(9deg) brightness(102%) contrast(96%)}37.5%{-webkit-filter:invert(56%) sepia(100%) saturate(344%) hue-rotate(22deg) brightness(106%) contrast(98%);filter:invert(56%) sepia(100%) saturate(344%) hue-rotate(22deg) brightness(106%) contrast(98%)}50%{-webkit-filter:invert(54%) sepia(97%) saturate(583%) hue-rotate(81deg) brightness(92%) contrast(92%);filter:invert(54%) sepia(97%) saturate(583%) hue-rotate(81deg) brightness(92%) contrast(92%)}62.5%{-webkit-filter:invert(51%) sepia(92%) saturate(387%) hue-rotate(134deg) brightness(99%) contrast(95%);filter:invert(51%) sepia(92%) saturate(387%) hue-rotate(134deg) brightness(99%) contrast(95%)}75%{-webkit-filter:invert(15%) sepia(61%) saturate(5772%) hue-rotate(239deg) brightness(83%) contrast(102%);filter:invert(15%) sepia(61%) saturate(5772%) hue-rotate(239deg) brightness(83%) contrast(102%)}87.5%{-webkit-filter:invert(19%) sepia(100%) saturate(4294%) hue-rotate(288deg) brightness(87%) contrast(128%);filter:invert(19%) sepia(100%) saturate(4294%) hue-rotate(288deg) brightness(87%) contrast(128%)}to{-webkit-filter:invert(22%) sepia(100%) saturate(4493%) hue-rotate(287deg) brightness(96%) contrast(130%);filter:invert(22%) sepia(100%) saturate(4493%) hue-rotate(287deg) brightness(96%) contrast(130%)}}@keyframes rainbowIcon{0%{-webkit-filter:invert(17%) sepia(100%) saturate(3281%) hue-rotate(6deg) brightness(90%) contrast(107%);filter:invert(17%) sepia(100%) saturate(3281%) hue-rotate(6deg) brightness(90%) contrast(107%)}12.5%{-webkit-filter:invert(24%) sepia(51%) saturate(4466%) hue-rotate(349deg) brightness(83%) contrast(100%);filter:invert(24%) sepia(51%) saturate(4466%) hue-rotate(349deg) brightness(83%) contrast(100%)}25%{-webkit-filter:invert(55%) sepia(75%) saturate(457%) hue-rotate(9deg) brightness(102%) contrast(96%);filter:invert(55%) sepia(75%) saturate(457%) hue-rotate(9deg) brightness(102%) contrast(96%)}37.5%{-webkit-filter:invert(56%) sepia(100%) saturate(344%) hue-rotate(22deg) brightness(106%) contrast(98%);filter:invert(56%) sepia(100%) saturate(344%) hue-rotate(22deg) brightness(106%) contrast(98%)}50%{-webkit-filter:invert(54%) sepia(97%) saturate(583%) hue-rotate(81deg) brightness(92%) contrast(92%);filter:invert(54%) sepia(97%) saturate(583%) hue-rotate(81deg) brightness(92%) contrast(92%)}62.5%{-webkit-filter:invert(51%) sepia(92%) saturate(387%) hue-rotate(134deg) brightness(99%) contrast(95%);filter:invert(51%) sepia(92%) saturate(387%) hue-rotate(134deg) brightness(99%) contrast(95%)}75%{-webkit-filter:invert(15%) sepia(61%) saturate(5772%) hue-rotate(239deg) brightness(83%) contrast(102%);filter:invert(15%) sepia(61%) saturate(5772%) hue-rotate(239deg) brightness(83%) contrast(102%)}87.5%{-webkit-filter:invert(19%) sepia(100%) saturate(4294%) hue-rotate(288deg) brightness(87%) contrast(128%);filter:invert(19%) sepia(100%) saturate(4294%) hue-rotate(288deg) brightness(87%) contrast(128%)}to{-webkit-filter:invert(22%) sepia(100%) saturate(4493%) hue-rotate(287deg) brightness(96%) contrast(130%);filter:invert(22%) sepia(100%) saturate(4493%) hue-rotate(287deg) brightness(96%) contrast(130%)}}.home-container .column1 .socials .github,.socials .linkedin{padding:0 2.5px}.home-container .column2{-webkit-animation:slideRight 1s ease;animation:slideRight 1s ease;flex:40% 1;overflow:visible;position:relative}.home-container .column2 img{position:absolute;right:1%;width:600px}@media(max-width:1400px){.home-container{padding:180px 150px 125px}.home-container .column1 .heading{padding:15px 0 25px}.home-container .column2 img{position:absolute;right:-10%;width:500px}.home-container .column1 .heading .name{font-size:25px;margin:0 0 5px}.home-container .column1 .heading .job{font-size:40px;margin:0 0 5px}.home-container .column1 .heading .job-description{font-size:15px;margin:0}.home-container .column1 .buttons .button-container .button{width:35%}}@media(max-width:1200px){.home-container .column1 .heading{margin-right:75px}.home-container .column1 .heading .name{font-size:20px}.home-container .column1 .heading .job{font-size:30px}.home-container .column1 .buttons,.home-container .column1 .heading .job-description{font-size:12px}.home-container .column1 .socials a img{width:25px}}@media(max-width:1000px){.home-container{padding:100px}}@media(max-width:850px){.home-container{background:linear-gradient(140deg,#0c0f11 60%,#fbfbfb 0);padding:100px 50px}.home-container .column1{flex:100% 1}.home-container .column1 .heading{margin-right:30px}.home-container .column1 .buttons .button-container .button{margin:15px 0;padding:15px 10px;width:35%}.home-container .column1 .buttons .button-container .button:hover{width:50%}.home-container .column1 .socials a img{width:20px}.home-container .column2{flex:100% 1;overflow:visible;position:absolute;right:7%;top:7.5%}.home-container .column2 img{position:static;right:0;width:300px}}@media(max-width:600px){.home-container{margin-bottom:-60px;padding:85px 25px 75px}.home-container .column1 .heading .name{font-size:15px}.home-container .column1 .heading .job{font-size:25px}.home-container .column1 .buttons,.home-container .column1 .heading .job-description{font-size:10px}.home-container .column2{flex:100% 1;overflow:visible;position:absolute;right:7%;top:35%}.home-container .column2 img{position:static;right:0;width:175px}.home-container .column1 .socials a{padding:0 5px}.home-container .column1 .socials .ig{padding:0 5px 0 0}.home-container .column1 .socials a img{width:17.5px}.home-container .column1 .socials .twitch img{width:15px}}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.testimonials-container{background-color:#fbfbfb;border:5px solid #0c0f11;border-radius:45px;display:block;margin:30px 0 0;position:relative;width:100%}.slick-slider{height:100%;padding:0 15px;position:relative}.slick-track{display:flex}.slick-track .slick-slide{align-items:center;display:flex;height:auto;justify-content:center}.slick-next,.slick-prev{display:none!important}.slick-next:before,.slick-prev:before{display:none}.testimonials-container .testimonial{display:block;height:100%;padding:75px 0;text-align:center;width:100%}@media(max-width:1200px){.testimonials-container{margin:100px 0 0}}@media(max-width:850px){.testimonials-container{margin:55px 0 0}.testimonials-container .testimonial{font-size:12px;padding:30px 0}}@media(max-width:600px){.testimonials-container{border-width:3px;margin:55px 0 0}.testimonials-container .testimonial{font-size:8px;padding:20px 0}}.projects-container{background-color:#fbfbfb;border-top:5px solid #0c0f11;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-wrap:wrap;margin-bottom:-120px;overflow:hidden;padding:100px 150px 0;text-align:center}.projects-container .header.animate{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1s ease}.projects-container .header{-webkit-text-fill-color:transparent;-webkit-animation:rainbow 14s ease infinite;animation:rainbow 14s ease infinite;background:linear-gradient(124deg,#18c735,#cfa51a,#c2c519,#da1d00,#d31b1b,#19bdc5,#2519c9,#c300d4,#dd00f3);-webkit-background-clip:text;background-clip:text;background-size:1800% 1800%;flex:100% 1;font-size:46px;margin:50px 0;opacity:0;text-align:left;-webkit-transform:translateX(-100px);transform:translateX(-100px);transition:all 1s ease}.projects-container .projects{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,300px);padding-bottom:60px;width:100%}.projects-container .projects .border-animate{-webkit-animation:borderAni 4s linear 0s infinite normal none running;animation:borderAni 4s linear 0s infinite normal none running;background-image:radial-gradient(#1a1a1a 30%,transparent 0),radial-gradient(#1a1a1a 30%,transparent 0);background-position:0 0,20px 20px;background-size:8px 8px;height:calc(100% + 50px);left:-20px;pointer-events:none;position:absolute;top:-20px;transition:inherit;width:calc(100% + 20px)}.projects-container .projects .project-container{align-items:center;border:5px solid #0c0f11;color:inherit;display:flex;overflow:hidden;position:relative;text-decoration:none;width:100%}.projects-container .projects .project-container.grid-row-2{grid-row:span 2}.projects-container .projects .project-container.grid-col-2{grid-column:span 2}.projects .project-container .project2,.projects .project-container .project3,.projects .project-container .project4,.projects .project-container .project5,.projects .project-container .project6,.projects .project-container .project7,.projects .project-container .project8,.projects-container .projects .project-container .project1{height:90%;margin:auto;position:relative;width:95%}.projects-container .projects.animate .project-container.one{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1.25s ease}.projects-container .projects .project-container.one{opacity:0;-webkit-transform:translateX(-150%);transform:translateX(-150%);transition:all 1.25s ease}.projects-container .projects .project-container .project1{background-image:url(/static/media/jordon.135232d5643c34a5b79d.jpeg);background-position:75% 75%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.projects-container .projects .project-container .project1:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.two{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 1.25s ease}.projects-container .projects .project-container.two{opacity:0;-webkit-transform:translateY(-200%);transform:translateY(-200%);transition:all 1.25s ease}.projects-container .projects .project-container .project2{background-image:url(/static/media/8lab.0111021fd84802099b0e.jpg);background-position:75% 50%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:invert(100%);filter:invert(100%)}.projects-container .projects .project-container .project2:hover{-webkit-filter:invert(0);filter:invert(0)}.projects-container .projects .project-container .project2 img,.projects-container .projects .project-container .project2 span{-webkit-filter:invert(100%);filter:invert(100%)}.projects-container .projects .project-container .project2:hover img,.projects-container .projects .project-container .project2:hover span{-webkit-filter:invert(0);filter:invert(0)}.projects-container .projects.animate .project-container.three{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1.25s ease}.projects-container .projects .project-container.three{opacity:0;-webkit-transform:translateX(200%);transform:translateX(200%);transition:all 1.25s ease}.projects-container .projects .project-container .project3{background-image:url(/static/media/scalimg.bc46bdb56505fbe5bdcf.jpg);background-position:75% 50%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:95%;margin:auto;position:relative;width:95%}.projects-container .projects .project-container .project3:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.four{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1.25s ease}.projects-container .projects .project-container.four{opacity:0;-webkit-transform:translateX(-200%);transform:translateX(-200%);transition:all 1.25s ease}.projects-container .projects .project-container .project4{background-image:url(/static/media/mahone.6db97e854ca6dacc11a5.jpg);background-position:75% 15%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:92%;margin:auto;position:relative;width:97.5%}.projects-container .projects .project-container .project4:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.five{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 1.25s ease}.projects-container .projects .project-container.five{opacity:0;-webkit-transform:translateY(200%);transform:translateY(200%);transition:all 1.25s ease}.projects-container .projects .project-container .project5{background-image:url(/static/media/mid22.d48e54966ef92d355017.jpg);background-position:50%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:95%;margin:auto;position:relative;width:95%}.projects-container .projects .project-container .project5:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.six{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 1.25s ease}.projects-container .projects .project-container.six{opacity:0;-webkit-transform:translateY(200%);transform:translateY(200%);transition:all 1.25s ease}.projects-container .projects .project-container .project6{background-color:blue;background-image:url(/static/media/g4boyz.8cd4472728127c8b4ba5.jpg);background-position:75% 10%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:auto;position:relative}.projects-container .projects .project-container .project6:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.seven{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 1.25s ease}.projects-container .projects .project-container.seven{opacity:0;-webkit-transform:translateY(200%);transform:translateY(200%);transition:all 1.25s ease}.projects-container .projects .project-container .project7{background-image:url(/static/media/deAnima.c33bc2c1dacea5c4d56b.jpg);background-position:75% 15%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:auto;position:relative}.projects-container .projects .project-container .project7:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.eight{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1.25s ease}.projects-container .projects .project-container.eight{opacity:0;-webkit-transform:translateX(200%);transform:translateX(200%);transition:all 1.25s ease}.projects-container .projects .project-container .project8{background-image:url(/static/media/demmo.ac110f2004bae6b75899.jpg);background-position:80% 20%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:92%;margin:auto;position:relative;width:97.5%}.projects-container .projects .project-container .project8:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.nine{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 1.25s ease}.projects-container .projects .project-container.nine{opacity:0;-webkit-transform:translateX(-150%);transform:translateX(-150%);transition:all 1.25s ease}.projects-container .projects .project-container .project9{background-image:url(/static/media/nutrifaye.8d6398a43eac149c877c.jpg);background-position:0 0;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:90%;margin:auto;position:relative;width:95%}.projects-container .projects .project-container .project9:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.ten{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 1.25s ease}.projects-container .projects .project-container.ten{opacity:0;-webkit-transform:translateY(150%);transform:translateY(150%);transition:all 1.25s ease}.projects-container .projects .project-container .project10{background-image:url(/static/media/lmww.95aa424a9ddd02f4bfc6.jpg);background-position:75% 45%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:92%;margin:auto;position:relative;width:97.5%}.projects-container .projects .project-container .project10:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects.animate .project-container.eleven{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 1.25s ease}.projects-container .projects .project-container.eleven{opacity:0;-webkit-transform:translateY(200%);transform:translateY(200%);transition:all 1.25s ease}.projects-container .projects .project-container .project11{background-image:url(/static/media/southcloud.448ba046c94d620cd888.jpg);background-position:50%;background-size:cover;border:3px solid #0c0f11;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:90%;margin:auto;position:relative;width:95%}.projects-container .projects .project-container .david{background-image:url(/static/media/morrel.0fcf1b934463048ac550.jpg)}.projects-container .projects .project-container .kp{background-image:url(/static/media/kplog.95b5caae6bf27f85ffe1.png)}.projects-container .projects .project-container .kizzy{background-image:url(/static/media/kizzy.fa96c58b9d595450eb5c.jpg)}.projects-container .projects .project-container .project11:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.projects-container .projects .project-container .speech-bubble.small img{left:0;position:absolute;width:125px}.projects-container .projects .project-container .speech-bubble.small span{left:6%;position:absolute;top:15%}.projects-container .projects .project-container .speech-bubble.medium img{left:0;position:absolute;width:180px}.projects-container .projects .project-container .speech-bubble.medium span{left:8%;position:absolute;top:25%}.projects-container .projects .project-container .speech-bubble.medium2 img{position:absolute;right:0;top:20%;width:250px}.projects-container .projects .project-container .speech-bubble.medium2 span{position:absolute;right:30px;top:52%;width:200px}.projects-container .projects .project-container .speech-bubble.medium3 img{position:absolute;right:0;top:55%;width:250px}.projects-container .projects .project-container .speech-bubble.medium4 span{left:0;position:absolute;top:70%;width:150px}.projects-container .projects .project-container .speech-bubble.medium4 img{left:0;position:absolute;top:50%;width:150px}.projects-container .projects .project-container .speech-bubble.medium3 span{position:absolute;right:10%;top:70%;width:150px}.projects-container .projects .project-container .speech-bubble.large img{left:10%;position:absolute;top:35%;width:300px}.projects-container .projects .project-container .speech-bubble.large span{left:20%;position:absolute;top:54%;width:200px}.projects-container .projects .project-container .speech-bubble.large2 img{position:absolute;right:20%;top:10%;width:250px}.projects-container .projects .project-container .speech-bubble.large2 span{position:absolute;right:25%;top:40%;width:150px}.projects-container .projects .project-container .speech-bubble.large3 img{left:20%;position:absolute;top:10%;width:250px}.projects-container .projects .project-container .speech-bubble.large3 span{left:25%;position:absolute;top:40%;width:150px}.projects-container .projects .project-container .speech-bubble.large4 img{left:20%;position:absolute;top:10%;width:250px}.projects-container .projects .project-container .speech-bubble.large4 span{left:30%;position:absolute;top:40%;width:150px}@media(max-width:1400px){.projects-container{padding:75px 150px}.projects-container .header{font-size:40px}.projects-container .projects .project-container .project3{background-position:50% 50%}.projects-container .projects .project-container .speech-bubble.small span{left:10%}.projects-container .projects .project-container .speech-bubble.medium img{left:0;position:absolute;width:150px}.projects-container .projects .project-container .speech-bubble.medium span{font-size:15px;left:8%;position:absolute;top:20%}.projects-container .projects .project-container .speech-bubble.medium2 img{position:absolute;right:0;top:20%;width:225px}.projects-container .projects .project-container .speech-bubble.medium2 span{font-size:15px;position:absolute;right:0;top:50%;width:225px}.projects-container .projects .project-container .speech-bubble.medium3 img{position:absolute;right:0;top:65%;width:225px}.projects-container .projects .project-container .speech-bubble.medium3 span{position:absolute;right:12%;top:78%;width:150px}.projects-container .projects .project-container .speech-bubble.large img{left:10%;position:absolute;top:35%;width:200px}.projects-container .projects .project-container .speech-bubble.large span{font-size:15px;left:21%;position:absolute;top:46%;width:125px}.projects-container .projects .project-container .speech-bubble.large2 img{position:absolute;right:20%;top:10%;width:200px}.projects-container .projects .project-container .speech-bubble.large2 span{font-size:15px;position:absolute;right:24%;top:35%;width:150px}.projects-container .projects .project-container .speech-bubble.large3 img{left:20%;position:absolute;top:10%;width:250px}.projects-container .projects .project-container .speech-bubble.large3 span{left:27%;position:absolute;top:40%;width:150px}.projects-container .projects .project-container .speech-bubble.large4 img{left:20%;position:absolute;top:10%;width:150px}.projects-container .projects .project-container .speech-bubble.large4 span{left:27.5%;position:absolute;top:25%;width:100px}}@media(max-width:1200px){.projects-container .header{font-size:30px}}@media(max-width:1000px){.projects-container{padding:100px}.projects-container .header{margin:0 0 50px}}@media(max-width:850px){.projects-container{padding:100px 50px}}@media(max-width:600px){.projects-container{border-top-left-radius:12px;border-top-right-radius:12px;margin-bottom:-100px;padding:100px 25px 0}.projects-container .projects{gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,150px)}.projects-container .header{font-size:25px}.projects-container .projects .project-container{border-width:3px}.projects .project-container .project2,.projects .project-container .project4,.projects-container .projects .project-container .project1{display:block;height:90%;margin:auto;position:relative;width:90%}.projects-container .projects .project-container .project1,.projects-container .projects .project-container .project2{border:1.5px solid #0c0f11}.projects-container .projects .project-container .project3{border:1.5px solid #0c0f11;height:95%;margin:auto;position:relative;width:90%}.projects-container .projects .project-container .project4{border:1.5px solid #0c0f11;height:90%;width:95%}.projects-container .projects .project-container .project5{border:1.5px solid #0c0f11;height:95%;width:90%}.projects-container .projects .project-container .project6,.projects-container .projects .project-container .project7{border:1.5px solid #0c0f11;height:90%;width:90%}.projects-container .projects .project-container .project8{border:1.5px solid #0c0f11;height:90%;width:95%}.projects-container .projects .project-container .project9{border:1.5px solid #0c0f11;height:90%;width:90%}.projects-container .projects .project-container .project10{border:1.5px solid #0c0f11;height:90%;width:95%}.projects-container .projects .project-container .speech-bubble span{font-size:7px!important}.projects-container .projects .project-container .speech-bubble.small img{left:0;position:absolute;width:60px}.projects-container .projects .project-container .speech-bubble.small span{left:15%;position:absolute;top:15%}.projects-container .projects .project-container .speech-bubble.medium img{left:0;position:absolute;width:80px}.projects-container .projects .project-container .speech-bubble.medium span{left:15%;position:absolute;top:22%}.projects-container .projects .project-container .speech-bubble.medium2 img{position:absolute;right:-5%;top:10%;width:110px}.projects-container .projects .project-container.two .speech-bubble.medium2 img{position:absolute;right:-5%;top:10%;width:75px}.projects-container .projects .project-container.nine .speech-bubble.medium2 img{position:absolute;right:-5%;top:35%;width:100px}.projects-container .projects .project-container.two .speech-bubble.medium2 span{position:absolute;right:1%;top:31%;width:65px}.projects-container .projects .project-container.nine .speech-bubble.medium2 span{position:absolute;right:10%;top:65%;width:65px}.projects-container .projects .project-container .speech-bubble.medium2 span{position:absolute;right:1%;top:40%;width:85px}.projects-container .projects .project-container .speech-bubble.medium3 img{position:absolute;right:0;top:65%;width:100px}.projects-container .projects .project-container .speech-bubble.medium3 span{position:absolute;right:17%;top:77%;width:70px}.projects-container .projects .project-container .speech-bubble.medium4 span{left:-37%;position:absolute;top:70%;width:150px}.projects-container .projects .project-container .speech-bubble.medium4 img{left:0;position:absolute;top:50%;width:75px}.projects-container .projects .project-container .speech-bubble.large img{left:10%;position:absolute;top:35%;width:90px}.projects-container .projects .project-container .speech-bubble.large span{left:27%;position:absolute;top:44%;width:50px}.projects-container .projects .project-container .speech-bubble.large2 img{position:absolute;right:2.5%;top:5%;width:140px}.projects-container .projects .project-container .speech-bubble.large2 span{position:absolute;right:16%;top:43%;width:85px}.projects-container .projects .project-container .speech-bubble.large3 img{left:20%;position:absolute;top:10%;width:100px}.projects-container .projects .project-container .speech-bubble.large3 span{left:27.5%;position:absolute;top:32.5%;width:70px}.projects-container .projects .project-container .speech-bubble.large4 img{left:10%;position:absolute;top:10%;width:90px}.projects-container .projects .project-container .speech-bubble.large4 span{left:27.5%;position:absolute;top:30%;width:50px}}@-webkit-keyframes borderAni{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}}@keyframes borderAni{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}}.about-container{background-color:#fbfbfb;border-radius:20px;border-top:5px solid #0c0f11;display:flex;margin-bottom:-300px;overflow:hidden;padding:0 150px 400px;position:relative}.about-container .image-container.animate{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1s ease}.about-container .image-container{flex:70% 1;opacity:0;position:relative;-webkit-transform:translateX(-100px);transform:translateX(-100px);transition:all 1s ease;z-index:3}.about-container .image-container .pic1{left:50%;margin-bottom:125px;position:absolute;top:0;width:60%;z-index:2}.about-container .image-container .pic2{left:7%;margin-bottom:125px;position:absolute;top:55%;width:50%;z-index:1}.about-container .bio.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all 1s ease}.about-container .bio{background-color:#0c0f11;border-bottom-left-radius:12px;border-bottom-right-radius:12px;color:#fbfbfb;flex:30% 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:0;overflow:hidden;padding:0 25px;-webkit-transform:translateY(-100px);transform:translateY(-100px);transition:all 1s ease;z-index:1}.about-container .bio h2{-webkit-text-fill-color:transparent;-webkit-animation:rainbow 14s ease infinite;animation:rainbow 14s ease infinite;background:linear-gradient(124deg,#2519c9,#c300d4,#dd00f3,#c2c519,#18c735,#19bdc5,#da1d00,#d31b1b,#cfa51a);-webkit-background-clip:text;background-clip:text;background-size:1800% 1800%;font-size:46px;margin:150px 0 15px}.about-container .bio p{font-size:16px;line-height:1.25em;padding-bottom:50px}.about-container .stars{-webkit-animation:animStar 100s linear 0s infinite normal none running;animation:animStar 100s linear 0s infinite normal none running;background:transparent;border-radius:12px;box-shadow:1270px 1941px #0c0f11,1937px 201px #0c0f11,1643px 1441px #0c0f11,482px 104px #0c0f11,1467px 1571px #0c0f11,1591px 936px #0c0f11,760px 1435px #0c0f11,1681px 811px #0c0f11,697px 1519px #0c0f11,1302px 771px #0c0f11,1797px 386px #0c0f11,1210px 1488px #0c0f11,285px 1799px #0c0f11,378px 241px #0c0f11,527px 952px #0c0f11,1056px 1657px #0c0f11,1179px 272px #0c0f11,1550px 925px #0c0f11,777px 1196px #0c0f11,1849px 1910px #0c0f11,1424px 501px #0c0f11,1603px 434px #0c0f11,1665px 1252px #0c0f11,133px 358px #0c0f11,593px 1421px #0c0f11,1963px 974px #0c0f11,280px 897px #0c0f11,1878px 1571px #0c0f11,1742px 994px #0c0f11,219px 1824px #0c0f11,211px 360px #0c0f11,576px 518px #0c0f11,863px 314px #0c0f11,1462px 1730px #0c0f11,1629px 1946px #0c0f11,1271px 890px #0c0f11,1757px 822px #0c0f11,1437px 1433px #0c0f11,1274px 549px #0c0f11,345px 378px #0c0f11,933px 1793px #0c0f11,404px 1869px #0c0f11,817px 493px #0c0f11,1962px 1932px #0c0f11,108px 891px #0c0f11,1410px 283px #0c0f11,1046px 930px #0c0f11,1173px 895px #0c0f11,629px 1712px #0c0f11,522px 688px #0c0f11,439px 1974px #0c0f11,1151px 826px #0c0f11,532px 1118px #0c0f11,854px 590px #0c0f11,563px 141px #0c0f11,835px 826px #0c0f11,1990px 313px #0c0f11,1024px 255px #0c0f11,383px 326px #0c0f11,1179px 1159px #0c0f11,1401px 256px #0c0f11,180px 1142px #0c0f11,147px 687px #0c0f11,782px 1432px #0c0f11,442px 482px #0c0f11,227px 744px #0c0f11,367px 768px #0c0f11,1709px 56px #0c0f11,1443px 1958px #0c0f11,273px 629px #0c0f11,1354px 1008px #0c0f11,1944px 335px #0c0f11,1995px 1834px #0c0f11,1262px 1910px #0c0f11,756px 951px #0c0f11,1106px 32px #0c0f11,510px 658px #0c0f11,1271px 411px #0c0f11,745px 333px #0c0f11,783px 1797px #0c0f11,1982px 539px #0c0f11,1616px 277px #0c0f11,1266px 907px #0c0f11,314px 1860px #0c0f11,51px 819px #0c0f11,110px 1187px #0c0f11,1372px 1470px #0c0f11,1095px 1110px #0c0f11,1380px 1797px #0c0f11,906px 1084px #0c0f11,754px 369px #0c0f11,1238px 1705px #0c0f11,123px 1733px #0c0f11,1751px 552px #0c0f11,64px 1604px #0c0f11,214px 806px #0c0f11,885px 144px #0c0f11,1796px 1269px #0c0f11,361px 950px #0c0f11,152px 1172px #0c0f11;height:50px;left:-10%;position:absolute;top:100%;width:10px;width:7.5px}@media(max-width:1400px){.about-container .image-container .pic1{left:45%;margin-bottom:125px;position:absolute;top:2%;width:55%;z-index:1}.about-container .image-container .pic2{left:5%;margin-bottom:125px;position:absolute;top:50%;width:65%;z-index:1}.about-container .bio h2{font-size:40px;margin:125px 0 15px}.about-container .bio p{font-size:12px}}@media(max-width:1200px){.about-container .bio{flex:40% 1}.about-container .bio h2{font-size:30px;margin:125px 0 15px}.about-container .bio p{font-size:10px}.about-container .image-container .pic1{left:45%;margin-bottom:125px;position:absolute;top:5%;width:70%;z-index:2}.about-container .image-container .pic2{left:3%;margin-bottom:125px;position:absolute;top:70%;width:60%;z-index:1}}@media(max-width:1000px){.about-container{margin-bottom:-250px;padding:0 100px 150px}.about-container .bio{flex:50% 1}.about-container .bio h2{margin:110px 0 15px}.about-container .image-container .pic1{left:25%;margin-bottom:125px;position:absolute;top:1%;width:95%;z-index:1}.about-container .image-container .pic2{left:-10%;margin-bottom:125px;position:absolute;top:55%;width:70%;z-index:1}}@media(max-width:600px){.about-container .bio.animate{-webkit-transform:translateX(0);transform:translateX(0)}.about-container .bio{-webkit-transform:translateX(100px);transform:translateX(100px)}.about-container .image-container img{margin-bottom:200px}.about-container{border-radius:12px;flex-direction:column-reverse;padding:0 0 310px 50px;position:relative}.about-container .image-container{flex:100% 1}.about-container .image-container .pic1{left:-20%;position:absolute;top:-445px;width:175px;z-index:1}.about-container .image-container .pic2{left:40%;position:absolute;top:-35px;width:225px;z-index:1}.about-container .bio{border-bottom-left-radius:12px;border-bottom-right-radius:0;border-top-left-radius:12px;flex:100% 1;margin-top:200px}.about-container .bio h2{font-size:25px;margin-top:20px}.about-container .bio p{font-size:8px;margin-bottom:20px}.about-container .stars{-webkit-animation:mobileAnimStar 100s linear 0s infinite normal none running;animation:mobileAnimStar 100s linear 0s infinite normal none running;top:65%}}@-webkit-keyframes animStar{0%{-webkit-transform:translateY(0) translateZ(0) translateZ(0);transform:translateY(0) translateZ(0) translateZ(0)}to{-webkit-transform:translateY(-3500px) translateZ(0) translateZ(0);transform:translateY(-3500px) translateZ(0) translateZ(0)}}@keyframes animStar{0%{-webkit-transform:translateY(0) translateZ(0) translateZ(0);transform:translateY(0) translateZ(0) translateZ(0)}to{-webkit-transform:translateY(-3500px) translateZ(0) translateZ(0);transform:translateY(-3500px) translateZ(0) translateZ(0)}}@-webkit-keyframes mobileAnimStar{0%{-webkit-transform:translateY(0) translateZ(0) translateZ(0);transform:translateY(0) translateZ(0) translateZ(0)}to{-webkit-transform:translateY(-2400px) translateZ(0) translateZ(0);transform:translateY(-2400px) translateZ(0) translateZ(0)}}@keyframes mobileAnimStar{0%{-webkit-transform:translateY(0) translateZ(0) translateZ(0);transform:translateY(0) translateZ(0) translateZ(0)}to{-webkit-transform:translateY(-2400px) translateZ(0) translateZ(0);transform:translateY(-2400px) translateZ(0) translateZ(0)}}.contact-container{background-color:#0c0f11;border-top:5px solid #c4c4c4;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-wrap:wrap;overflow:hidden;padding:100px 150px}#circle-container{background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adef",endColorstr="#0076e5",GradientType=1);height:100%;margin:0 auto;overflow:hidden;padding:0 auto;position:absolute;right:0;top:0;width:100%;z-index:0}#container-inside{height:auto;margin:0 auto;max-width:1280px;min-height:100%;min-width:960px;overflow:visible;padding:0 auto;position:relative}#circle-small{-webkit-animation:circle-small-scale 3s ease-in-out infinite alternate;animation:circle-small-scale 3s ease-in-out infinite alternate;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-timing-function:cubic-bezier(.6,0,.4,1);animation-timing-function:cubic-bezier(.6,0,.4,1);height:25%;opacity:.4;right:-35%;top:-10%;width:25%}#circle-medium,#circle-small{background:#fff;border-radius:50%;position:absolute}#circle-medium{-webkit-animation:circle-small-scale 3s ease-in-out infinite alternate;animation:circle-small-scale 3s ease-in-out infinite alternate;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:cubic-bezier(.6,0,.4,1);animation-timing-function:cubic-bezier(.6,0,.4,1);height:50%;opacity:.3;right:-50%;top:-25%;width:50%}#circle-large{-webkit-animation:circle-small-scale 3s ease-in-out infinite alternate;animation:circle-small-scale 3s ease-in-out infinite alternate;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-timing-function:cubic-bezier(.6,0,.4,1);animation-timing-function:cubic-bezier(.6,0,.4,1);height:75%;opacity:.2;right:-60%;top:-35%;width:75%}#circle-large,#circle-xlarge{background:#fff;border-radius:50%;position:absolute}#circle-xlarge{-webkit-animation:circle-small-scale 3s ease-in-out infinite alternate;animation:circle-small-scale 3s ease-in-out infinite alternate;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-timing-function:cubic-bezier(.6,0,.4,1);animation-timing-function:cubic-bezier(.6,0,.4,1);height:100%;opacity:.1;right:-70%;top:-45%;width:100%}#circle-xxlarge{-webkit-animation:circle-small-scale 3s ease-in-out infinite alternate;animation:circle-small-scale 3s ease-in-out infinite alternate;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-timing-function:cubic-bezier(.6,0,.4,1);animation-timing-function:cubic-bezier(.6,0,.4,1);background:#fff;border-radius:50%;height:125%;opacity:.05;position:absolute;right:-80%;top:-55%;width:125%}@-webkit-keyframes circle-small-scale{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1.1)}}@keyframes circle-small-scale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.contact-container .header-image.animate{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1s ease}.contact-container .header-image{color:#fbfbfb;flex:25% 1;opacity:0;position:relative;-webkit-transform:translateX(-100px);transform:translateX(-100px);transition:all 1s ease;z-index:2}.contact-container .header-image .header-container{padding-right:10px}.contact-container .header-image .header-container h2{-webkit-text-fill-color:transparent;-webkit-animation:rainbow 14s ease infinite;animation:rainbow 14s ease infinite;background:linear-gradient(124deg,#19bdc5,#da1d00,#d31b1b,#cfa51a,#2519c9,#c300d4,#dd00f3,#c2c519,#18c735);-webkit-background-clip:text;background-clip:text;background-size:1800% 1800%;font-size:46px;margin:50px 0 5px}.contact-container .header-image .header-container h3{font-size:20px;margin:0}.contact-container .header-image .contactPic1{left:0;position:absolute;width:80%;z-index:2}.contact-container .header-image .contactPic2{position:absolute;right:-8%;top:50%;width:30%;z-index:2}.contact-container .form-container.animate{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1s ease}.contact-container .form-container{background-color:#fbfbfb;border:5px solid #0c0f11;border-radius:12px;color:#0c0f11;flex:25% 1;margin:50px 0;opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px);transition:all 1s ease;z-index:1}.contact-container .form-container .form{border:3px solid #0c0f11;border-radius:12px;display:flex;flex-wrap:wrap;justify-content:center;margin:20px;padding:30px 40px}.contact-container .form-container .form label{flex:100% 1;margin:15px 0;z-index:3}.contact-container .form-container .form label .req-text{display:none}.contact-container .form-container .form label .req-text.active{color:#e41d1d;display:block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:10px;font-weight:800;margin-top:5px}.contact-container .form-container .form .name-input{margin-top:0}.contact-container .form-container .form label .req:after{content:"*";margin-left:2.5px}.contact-container .form-container .form label span{display:block;margin-bottom:2px}.contact-container .form-container .form label input{border:2px solid #0c0f11;border-radius:5px;height:50%;width:99%}.contact-container .form-container .form label textarea{border:2px solid #0c0f11;border-radius:5px;height:100px;width:99%}.contact-container .form-container .form .submit-butt{background-color:#0c0f11;border:3px solid #0c0f11;border-radius:12px;color:#fbfbfb;font-family:Akira;font-size:15px;margin-top:15px;padding:20px 40px;position:relative;text-align:center;transition:all .5s ease;width:40%}.contact-container .form-container .form .submit-butt .submit-text{display:block}.contact-container .form-container .form .submit-butt .checkmark,.contact-container .form-container .form .submit-butt .loading-animation,.contact-container .form-container .form .submit-butt.loading .submit-text{display:none}.contact-container .form-container .form .submit-butt.loading{-webkit-animation:loading .25s forwards,rainbow 18s ease infinite;animation:loading .25s forwards,rainbow 18s ease infinite;background:linear-gradient(124deg,#da1d00,#d31b1b,#cfa51a,#c2c519,#18c735,#19bdc5,#2519c9,#c300d4,#dd00f3);background-size:1800% 1800%;color:#fbfbfb;text-align:center;width:100%}.contact-container .form-container .form .submit-butt.loading .loading-animation{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:3px solid #fbfbfb;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:14px;text-align:center;width:14px}.contact-container .form-container .form .submit-butt.success .loading-animation,.contact-container .form-container .form .submit-butt.success .submit-text{display:none}.contact-container .form-container .form .submit-butt .checkmark:after{border-right:3px solid #fbfbfb;border-top:3px solid #fbfbfb;content:"";height:20px;opacity:1;position:absolute;right:50%;top:26px;-webkit-transform-origin:left top;transform-origin:left top;width:10px}.contact-container .form-container .form .submit-butt.success:hover{width:15%}.contact-container .form-container .form .submit-butt.success{-webkit-animation:rainbow 18s ease infinite;animation:rainbow 18s ease infinite;background:linear-gradient(124deg,#da1d00,#d31b1b,#cfa51a,#c2c519,#18c735,#19bdc5,#2519c9,#c300d4,#dd00f3);background-size:1800% 1800%;color:#fbfbfb;text-align:center;width:15%}.contact-container .form-container .form .submit-butt.success .checkmark{display:block;height:14px;width:14px}.contact-container .form-container .form .submit-butt.success .checkmark:after{-webkit-animation:checkmark .8s ease;animation:checkmark .8s ease;-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg)}@-webkit-keyframes checkmark{0%{height:0;opacity:1;width:0}20%{height:0;opacity:1;width:10px}40%{height:20px;opacity:1;width:10px}to{height:20px;opacity:1;width:10px}}@keyframes checkmark{0%{height:0;opacity:1;width:0}20%{height:0;opacity:1;width:10px}40%{height:20px;opacity:1;width:10px}to{height:20px;opacity:1;width:10px}}@-webkit-keyframes loading{0%{width:60%}to{width:15%}}@keyframes loading{0%{width:60%}to{width:15%}}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.contact-container .form-container .form .submit-butt:hover{background-color:#fbfbfb;color:#0c0f11;cursor:pointer;transition:all .5s ease;width:60%}.contact-container .form-container .form .submit-butt.loading:hover{width:auto}.contact-container .form-container .contact-icons{border:3px solid #0c0f11;border-radius:12px;color:#fbfbfb;display:flex;flex-wrap:wrap;justify-content:center;margin:20px;padding:30px 40px}.contact-container .form-container .contact-icons .phone-container{align-items:center;background:#0c0f11;border:2px solid #fbfbfb;border-radius:12px;color:#fbfbfb;cursor:pointer;display:flex;flex:30% 1;justify-content:center;letter-spacing:2px;margin-bottom:10px;margin-right:5px;padding:25px 40px;text-align:center;text-decoration:none}.contact-container .form-container .contact-icons .phone-container:hover{-webkit-animation:rainbow 18s ease infinite;animation:rainbow 18s ease infinite;background:linear-gradient(124deg,#da1d00,#d31b1b,#cfa51a,#c2c519,#18c735,#19bdc5,#2519c9,#c300d4,#dd00f3);background-size:1800% 1800%;border:2px solid #0c0f11;transition:all .5s ease}.contact-container .form-container .contact-icons .phone-container img{padding-right:5px}.contact-container .form-container .contact-icons .map-container{align-items:center;background:#0c0f11;border:2px solid #fbfbfb;border-radius:12px;display:flex;flex:30% 1;justify-content:center;letter-spacing:2px;margin-bottom:10px;margin-left:5px;padding:25px 40px;text-align:center}.contact-container .form-container .contact-icons .map-container:hover{-webkit-animation:rainbow 18s ease infinite;animation:rainbow 18s ease infinite;background:linear-gradient(124deg,#c2c519,#19bdc5,#2519c9,#da1d00,#d31b1b,#cfa51a,#18c735,#c300d4,#dd00f3);background-size:1800% 1800%;border:2px solid #0c0f11;transition:all .5s ease}.contact-container .form-container .contact-icons .map-container img{padding-right:5px}.contact-container .form-container .contact-icons .mail-container{align-items:center;background-color:#0c0f11;border:2px solid #fbfbfb;border-radius:12px;color:#fbfbfb;cursor:pointer;display:flex;flex:100% 1;justify-content:center;letter-spacing:2px;padding:25px 40px;text-align:center;text-decoration:none}.contact-container .form-container .contact-icons .mail-container:hover{-webkit-animation:rainbow 18s ease infinite;animation:rainbow 18s ease infinite;background:linear-gradient(124deg,#2519c9,#c300d4,#da1d00,#cfa51a,#d31b1b,#18c735,#19bdc5,#c2c519,#dd00f3);background-size:1800% 1800%;border:2px solid #0c0f11;transition:all .5s ease}.contact-container .form-container .contact-icons .mail-container img{padding-right:5px}@media(max-width:1400px){.contact-container{padding:75px 150px}#circle-small{height:40%;right:-10%;top:-20%;width:25%}#circle-medium{height:75%;right:-20%;top:-30%;width:50%}#circle-large{height:100%;right:-30%;top:-40%;width:75%}#circle-xlarge{height:125%;right:-45%;top:-50%;width:100%}#circle-xxlarge{height:150%;right:-55%;top:-60%;width:125%}.contact-container .header-image .header-container h2{font-size:40px}.contact-container .header-image .header-container h3{font-size:15px}.contact-container .form-container .form{margin:10px;padding:20px 30px}.contact-container .form-container .form label{flex:100% 1;margin:5px 0}.contact-container .form-container .form label span{font-size:12px}.contact-container .form-container .form .name-input{flex:30% 1;margin:5px 5px 15px 0}.contact-container .form-container .form .company-input{flex:30% 1;margin:5px 0 10px 5px}.contact-container .form-container .form label textarea{height:50px}.contact-container .form-container .form .submit-butt{background-color:#0c0f11;color:#fbfbfb;font-size:12px;margin-top:10px;padding:15px 20px}.contact-container .form-container .contact-icons{margin:10px;padding:20px 30px}.contact-container .form-container .contact-icons span{font-size:12px}.contact-container .form-container .contact-icons .phone-container{padding:10px 15px}.contact-container .form-container .contact-icons .phone-container img{width:22.5px}.contact-container .form-container .contact-icons .map-container{padding:10px 15px}.contact-container .form-container .contact-icons .map-container img{width:22.5px}.contact-container .form-container .contact-icons .mail-container{padding:10px 15px}.contact-container .form-container .contact-icons .mail-container img{width:22.5px}}@media(max-width:1200px){.contact-container .header-image .header-container h2{font-size:30px}.contact-container .header-image .header-container h3{font-size:12px}.contact-container .form-container .form label{margin:5px 0}.contact-container .form-container .form label span{font-size:10px}.contact-container .form-container .form .name-input{margin:5px 5px 10px 0}.contact-container .form-container .contact-icons span{font-size:10px}.contact-container .form-container .contact-icons .phone-container{padding:10px}.contact-container .form-container .contact-icons .phone-container img{width:22.5px}.contact-container .form-container .contact-icons .map-container{padding:10px}.contact-container .form-container .contact-icons .map-container img{width:22.5px}.contact-container .form-container .contact-icons .mail-container{padding:10px}.contact-container .form-container .contact-icons .mail-container img{width:22.5px}}@media(max-width:1000px){.contact-container{padding:100px}.contact-container .header-image .header-container h2{margin:10px 0 5px}.contact-container .form-container{margin:10px 0}}@media(max-width:850px){.contact-container{padding:135px 50px}#circle-small{height:10%;right:30%;top:0;width:10%}#circle-medium{height:20%;right:25%;top:-5%;width:20%}#circle-large{height:40%;right:15%;top:-15%;width:40%}#circle-xlarge{height:60%;right:10%;top:-20%;width:60%}#circle-xxlarge{height:80%;right:0;top:-30%;width:80%}.contact-container .header-image{flex:100% 1;-webkit-transform:translateX(-50px);transform:translateX(-50px)}.contact-container .header-image .header-container{padding-bottom:75px;padding-right:210px}.contact-container .header-image .contactPic1{left:73%;position:absolute;top:-20%;width:31%;z-index:2}.contact-container .header-image .contactPic2{left:0;position:absolute;top:65%;width:10%;z-index:2}.contact-container .form-container{-webkit-transform:translateX(50px);transform:translateX(50px)}}@media(max-width:600px){.contact-container{border-top-left-radius:12px;border-top-right-radius:12px;padding:100px 25px}#circle-small{height:10%;right:60%;top:0;width:10%}#circle-medium{height:20%;right:55%;top:-5%;width:20%}#circle-large{height:40%;right:45%;top:-15%;width:40%}#circle-xlarge{height:60%;right:35%;top:-25%;width:60%}#circle-xxlarge{height:80%;right:25%;top:-35%;width:80%}.contact-container .header-image .header-container{padding-bottom:25px;padding-right:0}.contact-container .header-image .contactPic1{left:73%;position:absolute;top:-20%;width:31%;z-index:2}.contact-container .header-image .contactPic2{left:0;position:absolute;top:80%;width:15%;z-index:2}.contact-container .header-image .header-container h2{font-size:25px}.contact-container .header-image .header-container h3{font-size:10px}.contact-container .form-container .form{margin:5px;padding:15px}.contact-container .form-container .form label span{font-size:8px}.contact-container .form-container .form label .smaller{width:90%}.contact-container .form-container .form .submit-butt{font-size:10px}.contact-container .form-container .contact-icons{margin:5px;padding:5px}.contact-container .form-container .contact-icons span{font-size:8px}.contact-container .form-container .form .submit-butt.loading .loading-animation{height:10px;position:absolute;right:38%;top:30%;width:10px}.contact-container .form-container .form .submit-butt.success .checkmark{height:10px;width:10px}.contact-container .form-container .form .submit-butt .checkmark:after{height:10px;right:50%;top:20px;width:5px}.contact-container .form-container .form .submit-butt.success .checkmark:after{-webkit-animation:checkmarkMobile .8s ease;animation:checkmarkMobile .8s ease}@-webkit-keyframes checkmarkMobile{0%{height:0;opacity:1;width:0}20%{height:0;opacity:1;width:5px}40%{height:10px;opacity:1;width:5px}to{height:10px;opacity:1;width:5px}}@keyframes checkmarkMobile{0%{height:0;opacity:1;width:0}20%{height:0;opacity:1;width:5px}40%{height:10px;opacity:1;width:5px}to{height:10px;opacity:1;width:5px}}.contact-container .form-container .contact-icons .mail-container img,.contact-container .form-container .contact-icons .map-container img,.contact-container .form-container .contact-icons .phone-container img{width:15px}}
/*# sourceMappingURL=main.3bb6bed1.css.map*/