.navbar-container{justify-content:center;margin-top:10px;display:flex}.navbar-container .logo-box{height:auto;padding:1.2rem 0;font-size:3rem;font-weight:500}@media (width<=768px){.navbar-container .logo-box{font-size:2.4rem}}.navbar-container .logo-box a{color:#000;letter-spacing:1.5px;font-family:antique;text-decoration:none}.navbar-container .logo-box a .img-box{width:260px}.navbar-container .logo-box a .img-box img{width:100%}.navbar-container .links-box{justify-content:space-between;display:flex}.splash-container{max-width:1200px;min-height:calc(100vh - 100px);margin:0 auto}.splash-container .filtered-title{text-align:center;color:gray}.navbar-sub-container{justify-content:space-evenly;align-items:center;width:100%;display:flex}.navbar-sub-container .sub-box{justify-content:center;align-items:center;width:100%;margin:1rem 0 2rem;display:flex}@media (width<=768px){.navbar-sub-container .sub-box{margin:.5rem 0 1rem}}.navbar-sub-container .sub-box .category{letter-spacing:1px;cursor:pointer;will-change:box-shadow;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:120px;height:46px;margin:0 1rem;padding:0;font-family:antique-light;font-size:1.1rem;font-weight:300;transition:box-shadow .3s ease-out;display:flex;box-shadow:5px 5px 0 -2px #fff,5px 5px #000}@media (width<=768px){.navbar-sub-container .sub-box .category{letter-spacing:1px;width:auto;height:36px;margin:0 .4rem;padding:0 .6rem;font-size:.8rem;box-shadow:3px 3px 0 -2px #fff,3px 3px #000}}.navbar-sub-container .sub-box .category:hover{box-shadow:0 0 0 -2px #fff,0 0 #000}.navbar-sub-container .sub-box a{color:#000;text-decoration:none}.navbar-sub-container .sub-box .num2{width:140px;margin:0 2rem}@media (width<=768px){.navbar-sub-container .sub-box .num2{letter-spacing:3px;width:100px;margin:0 1rem;font-size:.8rem}.navbar-sub-container .sub-box .PACKAGING,.navbar-sub-container .sub-box .BRANDING{padding:0 .3rem}}.projects-container{max-width:1200px;margin:8px auto 0}.projects-container .project-container .img-box{margin:1.5rem;position:relative}.projects-container .project-container .img-box img{width:100%}.projects-container .project-container .img-box .content-box{opacity:0;z-index:1;background:#000;width:100%;height:100%;transition:all .5s ease-out;position:absolute;top:0;left:0;overflow:hidden}@media (width<=768px){.projects-container .project-container .img-box .content-box{display:none}}.projects-container .project-container .img-box .content-box:hover{opacity:.9}.projects-container .project-container .img-box .content-box .content{color:#fff;margin:2rem}.projects-container .project-container .img-box .content-box .content .name{letter-spacing:1px;margin-bottom:10px;font-size:1.4rem;font-weight:700}.projects-container .project-container .img-box .content-box .content .info{letter-spacing:1px;font-size:1.2rem}.projects-container .project-container .img-box .bottom-box{color:#000;margin-top:5px;display:none}@media (width<=768px){.projects-container .project-container .img-box .bottom-box{display:block}}.projects-container .project-container .img-box .bottom-box .name{margin-bottom:10px;font-size:1.1rem;font-weight:700}.projects-container .project-container .img-box .bottom-box .see-more-box{color:#000;align-items:center;display:flex}.projects-container .project-container .img-box .bottom-box .see-more-box .see-more{font-size:.8rem}.projects-container .project-container .img-box .bottom-box .see-more-box .icon{width:1rem;height:1rem;margin-left:5px}.projects-container .project-container .img-box .bottom-box .see-more-box .icon svg{width:100%;height:100%}.details-container{max-width:1200px;margin:16px auto}.details-container .main-img-box{justify-content:flex-start;width:100%;margin-top:0;display:flex}@media (width<=768px){.details-container .main-img-box{flex-direction:column-reverse;margin-top:29px}}.details-container .main-img-box .info{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:45%;height:100%;margin:1rem 2rem 1rem 4rem;display:flex}@media (width<=768px){.details-container .main-img-box .info{width:auto;margin:0 2rem 0 1rem}}.details-container .main-img-box .info .name{margin-bottom:1rem;font-size:1.4rem;font-weight:700}.details-container .main-img-box .info .description{margin-bottom:1rem}.details-container .main-img-box .info .description .header{margin-bottom:5px;font-size:.9rem;font-weight:600}.details-container .main-img-box .info .role{margin-bottom:2rem}.details-container .main-img-box .info .role .header{margin-bottom:5px;font-size:.9rem;font-weight:600}.details-container .main-img-box .info .to-about-box{letter-spacing:4px;cursor:pointer;color:#000;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:160px;height:50px;margin-top:1rem;font-family:GOODDP;font-size:1.2rem;font-weight:600;transition:all .2s ease-out;display:flex;box-shadow:5px 5px 0 -2px #fff,5px 5px #000}@media (width<=768px){.details-container .main-img-box .info .to-about-box{letter-spacing:3px;height:40px;margin:2rem auto 0;padding:0 .6rem;font-size:1rem;box-shadow:3px 3px 0 -2px #fff,3px 3px #000}}.details-container .main-img-box .info .to-about-box:hover{box-shadow:0 0 0 -2px #fff,0 0 #000}.details-container .main-img-box .info .to-about-box a{color:#000;text-decoration:none}.details-container .video-box{justify-content:center;display:flex}.details-container .video-box .iframe-video{margin-top:5rem}@media (width<=768px){.details-container .video-box .iframe-video{margin-top:1rem}.details-container .video-box .iframe-video iframe{width:100%}}.details-container .images-box .sub-img-box{margin:2rem 4rem}@media (width<=768px){.details-container .images-box .sub-img-box{margin-left:1rem;margin-right:1rem}}.details-container .images-box .sub-img-box img{width:100%}.about-container{max-width:1200px;margin:0 auto 200px}@media (width<=768px){.about-container{margin-bottom:150px}}.about-container .img-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:29px;display:flex}.about-container .img-container .info-box{max-width:800px;display:flex}@media (width<=768px){.about-container .img-container .info-box{flex-direction:column}}.about-container .img-container .info-box .left-box{width:40%;padding:2rem 1rem 0 0;font-size:2.7rem;font-weight:800}@media (width<=768px){.about-container .img-container .info-box .left-box{width:auto;padding-top:0;padding-bottom:2rem;padding-left:1rem}}.about-container .img-container .info-box .left-box .one{display:flex}.about-container .img-container .info-box .left-box .one span{color:#73a7cd;padding-left:8px;animation:20s linear 1s infinite changeColor}.about-container .img-container .info-box .right-box{width:60%;padding:0 0 0 1rem}@media (width<=768px){.about-container .img-container .info-box .right-box{width:auto;padding-right:1rem}}.about-container .img-container .info-box .right-box .intro{text-align:start;font-size:1.1rem;font-weight:500;line-height:1.6}.about-container .img-container .info-box .right-box .intro .sub-intro{margin-top:1rem}.about-container .img-container .info-box .right-box .resume-box{letter-spacing:1px;cursor:pointer;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:140px;height:50px;margin:2rem 0 0;font-family:antique-light;font-size:1.2rem;font-weight:300;transition:all .2s ease-out;display:flex;box-shadow:5px 5px 0 -2px #fff,5px 5px #000}@media (width<=768px){.about-container .img-container .info-box .right-box .resume-box{letter-spacing:1px;height:40px;margin:2rem auto 0 0;padding:0 .6rem;font-size:1rem;box-shadow:3px 3px 0 -2px #fff,3px 3px #000}}.about-container .img-container .info-box .right-box .resume-box:hover{box-shadow:0 0 0 -2px #fff,0 0 #000}.about-container .img-container .info-box .right-box .resume-box a{color:#000;text-decoration:none}.about-container .img-container .clients-container{max-width:800px;margin-top:180px}@media (width<=768px){.about-container .img-container .clients-container{padding:0 1rem}}.about-container .img-container .clients-container .section-title{text-align:center;color:gray;margin-bottom:20px}.about-container .img-container .clients-container .clients-box{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.about-container .img-container .clients-container .clients-box .client-container{justify-content:center;width:25%;margin:1rem 0;display:flex}.about-container .img-container .clients-container .clients-box .client-container .client-box{width:50%}@media (width<=768px){.about-container .img-container .clients-container .clients-box .client-container .client-box{width:75%}}.about-container .img-container .clients-container .clients-box .client-container .client-box a{color:gray;width:100%;font-weight:700;transition:all .2s}@media (width<=768px){.about-container .img-container .clients-container .clients-box .client-container .client-box a{font-size:.9rem}}.about-container .img-container .clients-container .clients-box .client-container .client-box a:hover{color:#000}.about-container .img-container .clients-container .clients-box .client-container .client-box a .image-box,.about-container .img-container .clients-container .clients-box .client-container .client-box a .image-box img{width:100%}@keyframes changeColor{0%{color:#73a7cd}20%{color:#73a7cd}25%{color:#fed16d}45%{color:#fed16d}50%{color:#92c1b7}70%{color:#92c1b7}75%{color:#ef926c}95%{color:#ef926c}to{color:#73a7cd}}.footer-container{color:#c2c2c2;background-color:#191919;width:100%;margin-top:100px}.footer-container .footer-box{justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:3rem 0;display:flex}@media (width<=768px){.footer-container .footer-box{flex-direction:column-reverse;justify-content:center;align-items:center}}.footer-container .footer-box .left{flex-direction:column;width:50%;padding-left:1.5rem;display:flex}@media (width<=768px){.footer-container .footer-box .left{justify-content:center;align-items:center;width:100%;padding-left:0}}.footer-container .footer-box .left .date{margin-bottom:5px;font-size:1rem}.footer-container .footer-box .left .message{margin-bottom:60px;font-size:1rem}@media (width<=768px){.footer-container .footer-box .left .message{margin-bottom:80px}}.footer-container .footer-box .left .built-by-wrapper{z-index:11}@media (width<=768px){.footer-container .footer-box .left .built-by-wrapper{text-align:center;width:70%}}.footer-container .footer-box .left .built-by-wrapper .line{background-color:#c2c2c2;width:100px;height:.5px;margin-bottom:8px}@media (width<=768px){.footer-container .footer-box .left .built-by-wrapper .line{width:100%}}.footer-container .footer-box .left .built-by-wrapper a{color:#c2c2c2;transition:all .3s}.footer-container .footer-box .left .built-by-wrapper a:hover{color:#fff}.footer-container .footer-box .left .built-by-wrapper .built-by-box{align-items:center;display:flex}.footer-container .footer-box .left .built-by-wrapper .built-by-box .text{margin-right:8px}.footer-container .footer-box .left .built-by-wrapper .built-by-box .image-box{width:16px;height:16px}.footer-container .footer-box .left .built-by-wrapper .built-by-box .image-box img{width:100%;height:100%}.footer-container .footer-box .right{text-align:end;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:50%;padding-right:1.5rem;display:flex}@media (width<=768px){.footer-container .footer-box .right{flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;padding-right:0}.footer-container .footer-box .right .contact-box{margin-bottom:30px}}.footer-container .footer-box .right .social-box{margin-top:30px;display:flex}@media (width<=768px){.footer-container .footer-box .right .social-box{justify-content:center;align-items:center;margin-top:0;margin-bottom:30px}}.footer-container .footer-box .right .social-box .social{margin-left:10px}.footer-container .footer-box .right .social-box .social a{color:#c2c2c2;transition:all .3s}.footer-container .footer-box .right .social-box .social a:hover{color:#fff}.footer-container .footer-box .right .social-box .social a .icon{width:45px;height:45px}.footer-container .footer-box .right .social-box .social a .icon svg{width:100%;height:100%}@media (width<=768px){.footer-container .footer-box .right .contact-box{text-align:center;margin-bottom:40px}}.footer-container .footer-box .right .contact-box a{color:#c2c2c2;font-size:1rem;transition:all .3s}.footer-container .footer-box .right .contact-box a:hover{color:#fff}.footer-container .footer-box .right .contact-box .resume-box{margin-top:8px;font-size:1rem}.footer-container .footer-box .right .contact-box .about-box{margin-top:5px}.widget-container{z-index:5;transition:opacity .2s ease-out;position:fixed;bottom:40px;right:30px}@media (width<=768px){.widget-container{bottom:40px;left:30px}}.widget-container button{cursor:pointer;background:0 0;border:0;margin:0;padding:0}.widget-container .widget-box{opacity:0;transition:opacity .5s ease-out}.widget-container .widget-box .icon{width:55px;height:55px}.widget-container .widget-box .icon svg{color:#191919;width:100%;height:100%}.widget-container .toggle{opacity:0}.form2-container{background:#fed16d;border:2px solid #000;flex-direction:column;align-items:center;width:600px;margin-top:140px;display:flex;box-shadow:10px 10px 0 -2px #fff,10px 10px #000}@media (width<=768px){.form2-container{width:90%;box-shadow:8px 8px 0 -2px #fff,8px 8px #000}}.form2-container .section-title{letter-spacing:1px;text-align:center;margin-bottom:1rem;font-family:antique-light;font-size:2.4rem}@media (width<=768px){.form2-container .section-title{margin-bottom:.5rem}}.form2-container .form-box{box-sizing:border-box;width:80%;padding:4rem 3rem}@media (width<=768px){.form2-container .form-box{width:85%;margin:0 auto;padding:2rem 0}}.form2-container .form-box form{flex-direction:column;width:100%;display:flex}.form2-container .form-box form input{background:0 0;border:0;outline:0;margin:0;padding:25px 5px 5px;font-size:1.1rem}@media (width<=768px){.form2-container .form-box form input{width:100%}}.form2-container .form-box form input::placeholder{font-size:1rem}.form2-container .form-box form .border-bottom{background:#191919;width:100%;height:4px;margin-bottom:10px}.form2-container .form-box form textarea{background:0 0;border:0;outline:0;padding:25px 5px 5px;font-family:inherit;font-size:1.1rem}.form2-container .form-box form textarea::placeholder{font-size:1rem}.form2-container .form-box form .send-button-box{letter-spacing:1px;cursor:pointer;color:#000;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:140px;height:50px;margin:2rem auto 0;font-family:antique-light;font-size:1.2rem;font-weight:300;transition:all .2s ease-out;display:flex;box-shadow:5px 5px 0 -2px #fff,5px 5px #000}@media (width<=768px){.form2-container .form-box form .send-button-box{letter-spacing:3px;height:40px;margin:2rem auto 0;padding:0 .6rem;font-size:1rem;box-shadow:3px 3px 0 -2px #fff,3px 3px #000}}.form2-container .form-box form .send-button-box:hover{box-shadow:0 0 0 -2px #fff,0 0 #000}.form2-container .form-box form .send-button-box .text{color:gray;text-decoration:none}.form2-container .form-box form .send-button-box .icon{color:gray}.form2-container .form-box form .active{background-color:#ef926c;border:2px solid #191919}.form2-container .form-box form .active .text,.form2-container .form-box form .active .icon{color:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@font-face{font-family:GOODDP;src:local(GOODDP\.TTF),url(/assets/GOODDP-BnRQ43SL.TTF)format("truetype");font-display:block}@font-face{font-family:antique;src:local(antique\.woff2),url(/assets/antique-B8mSumb_.woff2)format("woff2")}@font-face{font-family:antique-light;src:local(antique1\.woff2),url(/assets/antique1-0AOPDwTV.woff2)format("woff2")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh}button:focus{outline:0}ul{margin:0;padding:0;list-style-type:none}a{text-decoration:none}