body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0;margin:0;box-sizing:border-box}.preload-wrapper{width:100%;height:100vh}#logo{position:absolute;top:50%;left:50%;min-width:20%;max-width:65%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#logo path:first-child{stroke-dasharray:592;stroke-dashoffset:592;-webkit-animation:preLoadAnimation 8s ease forwards;animation:preLoadAnimation 8s ease forwards}#logo path:nth-child(2){stroke-dasharray:844;stroke-dashoffset:844;-webkit-animation:preLoadAnimation 8s ease .1s forwards;animation:preLoadAnimation 8s ease .1s forwards}#logo path:nth-child(3){stroke-dasharray:410;stroke-dashoffset:410;-webkit-animation:preLoadAnimation 8s ease .2s forwards;animation:preLoadAnimation 8s ease .2s forwards}#logo path:nth-child(4){stroke-dasharray:703.46;stroke-dashoffset:703.46;-webkit-animation:preLoadAnimation 8s ease .3s forwards;animation:preLoadAnimation 8s ease .3s forwards}#logo path:nth-child(5){stroke-dasharray:704;stroke-dashoffset:704;-webkit-animation:preLoadAnimation 8s ease .4s forwards;animation:preLoadAnimation 8s ease .4s forwards}@-webkit-keyframes preLoadAnimation{0%{fill:transparent}to{stroke-dashoffset:0;fill:#707070}}@keyframes preLoadAnimation{0%{fill:transparent}to{stroke-dashoffset:0;fill:#707070}}.navbar{font-size:var(--font-size-medium);color:var(--text-color-secondary);width:100%}.navbar .logo{font-size:var(--font-size-xlarge);color:var(--text-color-primary);font-weight:500}.navbar-list{color:var(--text-color-secondary);margin-left:auto}.nav-item{padding:10px}.navbar .container-fluid{padding:.2rem 2rem}.nav-link{color:var(--text-color-secondary)!important;font-weight:500;padding:0 1.7rem}.nav-item a:hover,.navbar-nav .nav-item a.active{color:var(--accent-color-primary)!important}@media(prefers-color-scheme:dark){.navbar-toggler-icon{-ms-filter:invert(1);-webkit-filter:invert(1);filter:invert(1)}.navbar-toggler{border-color:var(--background-color-secondary)}.nav-item a:hover,.navbar-nav .nav-item a.active{color:var(--accent-color-secondary)}}@media screen and (min-width:1300px){.navbar{font-size:24px}}.bb{top:0;position:fixed;z-index:-2;width:100%;height:100%;overflow:hidden}#home{min-height:100%;min-width:100%}#red{fill:none;opacity:.3;stroke:#ce1b5f;stroke-width:12px;stroke-miterlimit:10;-webkit-animation:show 4s;animation:show 4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#blue{opacity:.3;stroke:#229cb8;stroke-width:12;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:800;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation:draw 12s;animation:draw 12s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#blue,#light-blue{fill:none;z-index:-2}#light-blue{opacity:.4;stroke:#71cfe4;stroke-width:6;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:800;-webkit-animation:draw 8s;animation:draw 8s;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes draw{to{stroke-dashoffset:0}}@keyframes draw{to{stroke-dashoffset:0}}@-webkit-keyframes show{0%{opacity:.3}50%{opacity:.5}to{opacity:.3}}@keyframes show{0%{opacity:.3}50%{opacity:.5}to{opacity:.3}}.rubber-letter{opacity:1;display:inline-block;transition:all .3s ease-out;padding:0;margin:0;transition:color .2s ease-in-out}.rubber-letter:hover{display:inline-block;cursor:pointer;-webkit-animation:rubberletter 1s ease-in-out forwards;animation:rubberletter 1s ease-in-out forwards}@-webkit-keyframes rubberletter{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberletter{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.home{overflow:hidden}.home .section{margin:0 auto;max-width:-webkit-max-content;max-width:max-content;min-height:-webkit-max-content;min-height:max-content;padding-bottom:4rem}.home .greeting{font-weight:300;padding-top:20%;font-size:38px}.home .greeting:after{content:"";height:2px;width:120px;background:var(--text-color-primary);display:inline-block;margin-left:4%;-webkit-transform:translateY(-10px);transform:translateY(-10px);align-items:center}.home .name{font-weight:400;font-family:"Poppins";padding:2px 2px 2px 0;font-size:46px}.home .section .type-writer{font-weight:300;font-family:"Poppins";font-size:28px;text-align:left;padding-bottom:1rem}.home .section .type-writer span{color:#f44;font-weight:400;display:inline}.home .section button{margin:0}.Typewriter{display:inline}.banner-img{max-width:480px;margin:2.5rem 0}@media screen and (min-width:1300px){.home{height:100vh;overflow:hidden}.home .section{min-width:100%;margin:5rem 3.5rem;padding-bottom:7rem}.home .greeting{font-size:36px}.home .name{font-size:42px}.home .section .type-writer{font-size:32px}.home .banner-img{max-width:540px}}@media screen and (max-width:472px){.home .section{margin:2rem auto;padding-bottom:1rem}.home .greeting{font-size:28px}.home .name{font-size:36px}.home .section .type-writer{font-size:22px}.home .banner-img{max-width:280px}}.social-media{display:flex;margin:2rem 0}.social-media a{text-decoration:none}.social-media .icon{color:var(--text-color-primary)}.social-media .icon:active,.social-media .icon:hover{color:var(--accent-color-primary)}.social-media a .icon{font-size:48px;margin:8px 24px}.contact-form{margin:2rem 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact-form input,.contact-form textarea{width:80%;margin:.75rem auto;padding:6px;border:none;border-radius:2px;background-color:var(--background-color-secondary);color:var(--text-color-primary)}.contact-form input:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder{color:var(--text-color-primary)}.contact-form input::-ms-input-placeholder,.contact-form input::placeholder,.contact-form textarea::-ms-input-placeholder,.contact-form textarea::placeholder{color:var(--text-color-primary)}.contact-form button{display:block;width:25%}.section{padding:1rem;width:100%}.section-header{font-size:32px;font-family:"Poppins";text-align:center}.section-header:before{content:"";position:relative;display:block;width:120px;height:2px;background:var(--background-color-secondary);top:51px;left:calc(50% - 60px)}.section-header:after{content:"";position:relative;display:block;width:40px;height:4px;background:var(--accent-color-primary);bottom:0;left:calc(50% - 20px)}.section h5{padding-top:2rem;font-weight:400;text-align:center;font-size:var(--font-size-medium)}.section a{text-decoration:none;color:var(--accent-color-secondary)}.section button{display:block;margin:2rem auto}@media (prefers-color-scheme:light){.section a{text-decoration:none;color:var(--accent-color-primary)}}.portfolio .header{min-height:80vh;background-color:var(--background-color-primary);color:var(--text-color-secondary)}.portfolio .header .left,.portfolio .header .right{padding:15% 5%}.portfolio .header .left{text-align:right;font-size:64px;line-height:80px}.portfolio .header .right{text-align:left;font-size:54px;line-height:50px}span.color{color:var(--accent-color-primary)}.title-container{background-color:var(--background-color-secondary);box-shadow:0 0 3px rgba(0,0,0,.5);margin:0 4rem;border-radius:12px;-webkit-transform:translateY(-48px);transform:translateY(-48px)}@media screen and (max-width:772px){.title-container{margin:0 .5rem}}.title{padding:1rem;color:var(--text-color-primary)}.title .skill{width:100%;display:flex;justify-content:center}.title .skill .skill-icon{font-size:36px;margin:24px;color:#fff;background-color:var(--accent-color-primary);padding:18px;border-radius:50%}.title h2{text-align:center;font-size:28px;min-height:64px}.title p.quote{margin-top:1rem;text-align:center;min-height:48px}.title h3{margin-top:3rem;font-size:22px;text-align:center;color:var(--accent-color-secondary)}@media (prefers-color-scheme:light){.title h3{color:var(--accent-color-primary)}}.title p.content{margin-top:2rem;text-align:center;min-height:72px}.banner{width:100%;background-color:var(--accent-color-primary);padding:8rem 12rem;text-align:center;color:#fff}.banner h2{font-size:var(--font-size-xlarge);font-weight:600}.banner p{font-size:var(--font-size-medium);padding-top:1rem}@media screen and (max-width:772px){.banner{padding:6rem 2rem}}.company-card{margin:2rem auto;padding:1.2rem;background-color:var(--background-color-secondary);box-shadow:0 0 3px rgba(0,0,0,.5);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:22rem}.company-card img{max-height:320px;max-width:75%;margin:0 auto;padding:8%}.company-card h2{font-weight:400}.company-card p{text-align:center;color:var(--text-color-secondary)}.project-card{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:160px;margin:20px;box-shadow:0 0 3px var(--text-color-secondary);border-radius:12px}.project-card h2{font-size:var(--font-size-medium);font-weight:400;color:#000}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:rgba(0,0,0,.8);border-radius:12px}.project-card:hover .overlay{opacity:1}.icon{font-size:48px;margin:48px 12px;color:#fff}.carousel-card{display:inline-block;margin:.5rem 2rem;padding:1rem}.carousel-card:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.carousel-card img.carousel-card-image{height:84px;width:84px}@media screen and (max-width:768px){.carousel-card{margin:.5rem 1rem;padding:12px}}.carousel{margin:2rem 0;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-height:5rem;-ms-overflow-style:none;scrollbar-width:none;padding:0 2rem}.carousel .scroll-animation{display:block;white-space:nowrap;-webkit-animation:moveSlideshow 60s linear infinite;animation:moveSlideshow 60s linear infinite}.carousel::-webkit-scrollbar{display:none}@-webkit-keyframes moveSlideshow{0%{-webkit-transform:translateX(0);transform:translateX(0)}98%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveSlideshow{0%{-webkit-transform:translateX(0);transform:translateX(0)}98%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.footer{background-color:var(--background-color-primary);z-index:5;padding:2rem 0;border:none;border-top:1px solid var(--background-color-secondary)}.footer h2{color:var(--text-color-primary)}.footer h2,.footer h5{text-align:center;font-size:var(--font-size-large)}.footer h5{color:var(--text-color-secondary)}.footer h5.muted{margin-top:2rem;font-size:var(--font-size-small)}.footer .social-media a{text-decoration:none;padding:2px}.footer .social-media a .icon{color:var(--text-color-primary);margin:2px 6px;font-size:20px}.footer .social-media a .icon:active,.footer .social-media a .icon:hover,.footer .social-media a .icon:visited{color:var(--accent-color-primary)}@media screen and (max-width:447px){.footer h2,.footer h5{font-size:var(--font-size-medium)}}
/*# sourceMappingURL=main.07bdeec9.chunk.css.map */