@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,600&display=swap";html{--mainColor: #34a3a3;--secondColor: #bae8e8;--thirdColor: #27496d;--pink: #fb839e;--green-alt: #06d79c;--purple: #8a49ff;--bg: black;--darkBlue: #0b0b0f;--white: white;--whiteLight: #ffffffcc}html[data-theme=light]{--mainColor: #39a2db;--secondColor: #a2dbfa;--thirdColor: #39a2db;--pink: #ff94cc;--green-alt: #a8dadc;--purple: #a239ea;--bg: #fff;--darkBlue: #fcfcfc;--white: #131313;--whiteLight: #343a40}::-webkit-scrollbar{width:5px;border-radius:10px 0}::-webkit-scrollbar-track{background-color:var(--bg)}::-webkit-scrollbar-thumb{background-color:var(--mainColor)}.intro{background:var(--bg);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}.intro-text{color:var(--thirdColor);font-family:"Open Sans",sans-serif;font-size:2em}.intro-btn{display:block;padding:14px 18px;font-weight:800;font-size:12px;letter-spacing:6px;color:var(--white);border:1px solid var(--white);outline:none;font-family:"Open Sans",sans-serif;overflow:hidden;background:none;transition:.8s ease-out;position:relative;margin-top:2em;z-index:10;transform:translateX(-75%)}.intro-btn:hover{color:var(--bg);cursor:crosshair}.intro-btn::before{content:"";position:absolute;background:var(--white);left:0;right:0;bottom:0;top:100%;transition:top .8s ease-out;z-index:-9}.intro-btn:hover::before{top:0}.slider{background:var(--green-alt);position:fixed;top:0;left:0;width:100%;height:100%;transform:translateY(100%);z-index:1000}.slider-2{background:var(--purple);position:fixed;top:0;left:0;width:100%;height:100%;transform:translateY(100%);z-index:1000}.hide{background:var(--bg);overflow:hidden}.hide span{transform:translateY(100%);display:inline-block}.cursor-effect{width:2.5rem;height:2.5rem;border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;position:absolute;transition:all .3s ease;z-index:1000;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}.link-grow{transform:scale(2);transform-origin:100% 100%;background:rgba(255,255,255,.3)}.effect-wrap .effect{position:absolute;z-index:1}.effect-wrap .effect-1{width:20px;height:20px;border:3px solid var(--purple);right:10%;bottom:10%;animation:spin 10s linear infinite}.effect-wrap .effect-2{left:3%;bottom:20%;width:40px;display:flex;flex-wrap:wrap;justify-content:space-between;animation:topBounce 3s ease-in-out infinite}.effect-wrap .effect-2 div{height:3px;width:3px;background-color:var(--pink);margin:0 3px 8px;border-radius:50%}.effect-wrap .effect-3{border-top:25px solid rgba(0,0,0,0);border-left:25px solid var(--green-alt);left:30%;top:10%;animation:spin 15s linear infinite}.effect-wrap .effect-3::before{content:"";border-top:30px solid rgba(0,0,0,0);border-left:30px solid var(--mainColor);position:absolute;opacity:.5;right:0px;top:-25px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes topBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(25px)}}.inner{background:var(--green-alt);border-radius:10px;max-width:250px;-webkit-clip-path:circle(10% at 83% 18%);clip-path:circle(10% at 83% 18%);padding:2rem;transition:all .6s ease-in-out;position:absolute;top:.5rem;right:2rem;z-index:100}.inner:hover{-webkit-clip-path:circle(75%);clip-path:circle(75%);background:linear-gradient(to bottom left, var(--green-alt), var(--darkBlue))}.inner span{float:right;color:var(--white);font-style:italic;font-weight:bold;transition:color .5s;position:relative;margin-right:5%}.inner:hover span{color:rgba(255,255,255,0)}.inner h1{color:var(--white);padding:.75rem 0;margin-bottom:.75rem}.inner p{color:var(--white);font-size:.8rem;line-height:1.6;font-weight:300}.inner a{text-decoration:none;color:var(--white);font-size:.75rem;border-bottom:3px dotted var(--mainColor)}input[type=checkbox]{height:0;width:0;visibility:hidden}input[type=checkbox]:checked+label{background:var(--mainColor)}input[type=checkbox]:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%)}.toggle{cursor:pointer;text-indent:-9999px;width:52px;height:27px;background:#d3d3d3;float:right;border-radius:100px;position:absolute;bottom:8%;right:50%;left:50%;transform:translate(-50%, -50%)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:90px;transition:.3s}.toggle:active:after{width:45px}html.transition,html.transition *,html.transition *:before,html.transition *:after{transition:all 750ms !important;transition-delay:0 !important}*{margin:0;padding:0;box-sizing:border-box;outline:none}::before,::after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--white);font-weight:600}body{font-size:10px;line-height:1.6;letter-spacing:1px;font-family:"Open Sans",sans-serif;font-weight:300;color:var(--white);min-height:100vh;max-width:100%;background:var(--bg);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden;scroll-behavior:smooth}a{text-decoration:none;color:var(--secondColor);cursor:crosshair}img{vertical-align:middle;max-width:100%}.container{margin:auto;width:100%}button{font-family:inherit;font-weight:inherit}section{min-height:100vh}.section-title{padding:0 15px;width:100%;margin-bottom:40px}.section-title h2{text-align:center;font-size:40px}@font-face{font-family:"the_historia_demoregular";src:url("../fonts/fontsfree-net-thehistoriademo-webfont.woff2") format("woff2"),url("../fonts/fontsfree-net-thehistoriademo-webfont.woff") format("woff")}@media screen and (max-width: 900px){.about{padding:2rem 2rem !important}}@media screen and (max-width: 768px){header .landing-text h1{padding:3rem !important}header .nav-list{margin-top:2.5rem;flex-direction:column}header .nav-list li{margin:1rem 0}header .nav-list li .nav-link{font-size:1.3rem}.portfolio{margin-top:12rem}.about-heading h2,.services-heading h2,.contact-title h2{font-size:1.5rem !important}.footer-links:nth-child(1){margin-right:5em !important}.more-about-content{flex-direction:column;flex-wrap:wrap}.more-about-img,.more-about-text{width:100% !important;margin:2rem auto}.cursor-effect{display:none}.about .container{flex-direction:column;flex-wrap:wrap}.about .container .profile-img{margin-bottom:2.5rem}}@media screen and (max-width: 600px){.landing-text h1{font-size:5rem !important;padding:2rem}.nav-list{margin-top:-1rem !important}.nav-list .nav-link{font-size:3.5rem !important}.menu-toggler{top:2.2rem;right:1rem;width:1.5rem;height:1rem}.about{margin-top:9rem !important}.about .container{flex-direction:column}.about .container .profile-img{margin:0 2rem 4rem 1rem}.logo{top:2.2rem;left:1rem;width:4rem !important;padding:.6rem .3rem !important}.logo h2{font-size:1.2rem !important}.project{padding:4em !important}.contact .container{padding:0px 20px !important}.contact .container form{width:100% !important;min-width:0 !important}.contact .container form .input-row{flex-direction:column}.contact .container form .input-row .side{width:100% !important;margin-bottom:50px}.contact .container form .textarea{margin-top:0 !important}.sub{font-size:.9rem !important;margin:0px 0 60px !important}.services{margin-top:6rem !important;padding:4rem 1rem !important}.about-content p{margin-top:0rem !important;font-size:.8rem !important}.contact-title{padding:6rem 2rem 2rem 6rem !important}.footer-links:nth-child(1){margin-bottom:5em;margin-right:-6em !important}.effect-3{top:12rem !important;left:5rem !important}.inner{top:1rem !important;max-width:220px !important;padding:1rem}.inner span{display:none}}@media screen and (max-width: 350px){header .landing-text{flex-direction:column}header .landing-text h1{font-size:5rem}.profile-img{max-width:400px}.services-heading h2{font-size:1.2rem !important}.services-content p,.about-content{font-size:.6rem}}@media screen and (max-width: 300px){.services-heading h2{font-size:1rem !important}.project-box{padding:1.4rem !important}}@media screen and (max-width: 360px){.service-item p{font-size:.67rem !important}}.about{margin-top:13rem;padding:2rem 6rem;position:relative}.about .container{display:flex;align-items:center;justify-content:center}.about .container .about-heading{text-align:center;text-transform:uppercase;line-height:0;margin-bottom:3rem}.about .container .about-heading h2{font-size:3rem;opacity:1}.about .container .profile-img{flex:1;margin-right:2.5rem;z-index:100;position:relative}.about .container .profile-img img{width:510px;height:auto;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%);transition:.3s}.about .container .profile-img img:hover{filter:none;transform:scale(1.05)}.about .container .about-content{flex:1;font-size:1rem;line-height:2}.about .container .about-content p{margin-top:5rem;font-weight:300;text-align:left;color:var(--white)}.about .container .about-content p a{font-weight:700;color:var(--mainColor)}.about-cta{text-align:center;margin:2rem 0;font-size:.95em}.about-cta span{margin-left:10px}.about-cta a{font-weight:800;position:relative;color:var(--green-alt)}.about-cta a::before{position:absolute;content:"";bottom:0;left:0;height:1px;width:0%;background-color:var(--secondColor);transition:width .3s ease}.about-cta a:hover::before{width:100%}.about-cta .exp-cta{color:var(--pink);margin-left:10px}.contact{background:var(--bg);padding-top:4rem}.contact-title{display:flex;flex-direction:column;padding:6rem 6rem 2rem 6rem;text-align:right}.contact-title h5{text-transform:uppercase;color:var(--whiteLight);font-size:.8rem;letter-spacing:3px}.contact-title h2{font-size:2.2rem;text-transform:capitalize;letter-spacing:-1px}.contact .container{display:flex;align-items:center;flex-direction:column;padding:60px 150px 40px}.contact .container .sub{text-align:center;line-height:1.3;font-size:1.3rem;color:var(--whiteLight);margin:50px 0 60px}.contact .container form{width:70%;min-width:450px}.contact .container form .input-row{display:flex;justify-content:space-between}.contact .container form .input-row .side{width:45%}.contact .container form label{margin-top:20px;display:block;text-transform:capitalize;color:#868f97;font-size:12px;margin-bottom:5px}.contact .container form input,.contact .container form textarea{border:0;border-radius:0;box-sizing:border-box;border-bottom:1px solid var(--white);background:rgba(0,0,0,0);outline:none;box-shadow:none;text-align:left;font-size:14.5px;width:100%;color:var(--white);padding:.6em .6em .6em 0}.contact .container form .textarea{margin-top:99px}.contact .container form .textarea textarea{resize:none;line-height:1.4}.contact .container form button{outline:none;cursor:pointer;text-transform:capitalize;color:var(--white);padding:15px 30px;background:rgba(0,0,0,0);border:1px solid var(--mainColor);display:block;margin:80px auto 0;position:relative;color:var(--mainColor)}.contact .container form button:hover{color:var(--white);background:var(--mainColor);transition:.3s all ease}header{width:100%;height:100vh;background:var(--darkBlue);position:relative}header .landing-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}header .landing-text h1{font-size:10rem;font-family:"the_historia_demoregular",sans-serif;padding:1rem;background:linear-gradient(to top, var(--mainColor), var(--secondColor));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:5px}header .landing-text p{font-size:.85rem;padding:0 1rem}.logo img{position:fixed;top:1rem;left:2rem;width:4rem;background-color:rgba(var(--bg), 0.75);padding:.3rem;z-index:101;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project{grid-column:2/14;padding:6rem}.project h5{text-transform:uppercase;color:var(--whiteLight) !important;font-size:.8rem;letter-spacing:3px}.project h2{font-size:2.2rem;text-transform:capitalize;letter-spacing:-1px}.project-item-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(18rem, 1fr));grid-gap:4rem;color:var(--bg);margin-top:6rem}.project-box{padding:2rem;height:18rem;display:flex;flex-direction:column;gap:3rem;position:relative}.project-box:hover{border:solid 2px var(--white);color:var(--white)}.project .project-box:nth-child(1):hover:after{outline:2px solid #add8e6;background:#add8e6}.project .project-box:nth-child(2):hover:after{background:#f08080;outline:2px solid #f08080}.project .project-box:nth-child(3):hover:after{background:#e0ffff;outline:2px solid #e0ffff}.project .project-box:nth-child(4):hover:after{background:#d3d3d3;outline:2px solid #789}.project .project-box:nth-child(4):hover:after .project-box__link{width:-moz-min-content;width:min-content}.project .project-box:nth-child(5):hover:after{background:#90ee90;outline:2px solid #90ee90}.project .project-box:nth-child(5):hover:after .project-box__link{width:-moz-min-content;width:min-content}.project .project-box:nth-child(6):hover:after{background:#ffffe0;outline:2px solid #ffffe0}.project .project-box:nth-child(6):hover:after .project-box__link{width:-moz-min-content;width:min-content}.project .project-box:nth-child(7):hover:after{background:#20b2aa;outline:2px solid #20b2aa}.project .project-box:nth-child(7):hover:after .project-box__link{width:-moz-min-content;width:min-content}.project .project-box:nth-child(8):hover:after{background:#ffb6c1;outline:2px solid #ffb6c1}.project .project-box:nth-child(8):hover:after .project-box__link{width:-moz-min-content;width:min-content}.project-box__link{align-self:flex-end;width:25%;display:flex;justify-content:flex-end;align-items:center}@media only screen and (max-width: 56.25em){.project-box__link{width:30%}}.project-box__link a ion-icon{width:35px;height:25px;color:var(--white)}.project-box__content{align-self:center}.project-box__content h3{margin-bottom:3rem;letter-spacing:-0.5px;line-height:2rem;font-size:1.5rem;font-weight:800;text-transform:capitalize;color:var(--whiteLight)}.project-box__content h5{color:var(--secondColor);font-size:1em;font-weight:400}.project-box{position:relative;background:var(--bg);border:1px solid var(--white)}.project-box:after{content:"";position:absolute;width:103%;height:101%;top:1rem;right:.5rem;z-index:-1}.project-box:hover{background:none;background-color:var(--darkBlue);transition:all .2s ease}.project-box:hover:after{transition:all .2s ease}.project-box__absolute-link{position:absolute;top:0;left:0;width:100%;height:100%}.services{margin-top:6rem;padding:6rem 3.5rem;background:var(--bg)}.services .services-content{text-align:center}.services .services-content .services-heading{text-align:center;text-transform:uppercase;line-height:0;margin-bottom:3rem}.services .services-content .services-heading h2{font-size:3rem;opacity:1;margin:1rem 0 6rem}.services .services-content .services-heading h2 span{color:var(--mainColor)}.services .service-item-container{width:100%;display:flex;justify-content:space-evenly;align-items:center;text-align:center;flex-wrap:wrap}.services .service-item-container .service-item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:10px;width:350px;height:300px;padding:20px 25px;margin:20px;position:relative}.services .service-item-container .service-item:hover{box-shadow:inset 6px 6px 30px rgba(246,246,246,.2);transition:all .3s ease}.services .service-item-container .service-item ion-icon{width:55px;height:55px;color:var(--mainColor)}.services .service-item-container .service-item h5{color:var(--white);letter-spacing:1px;font-size:1.2rem;margin:10px 0}.services .service-item-container .service-item p{color:var(--whiteLight);font-size:1.4em}.footer{background:var(--bg);padding:8rem 5rem 5rem;position:relative;z-index:1}.footer hr{border-color:var(--whiteLight);border-width:1px;margin-bottom:4rem;opacity:.4}.footer-head{margin-top:2rem;font-size:1rem;font-weight:500}.footer-head h5{text-transform:uppercase;letter-spacing:.2em;margin-bottom:15px}.footer-head .link-container{color:var(--thirdColor);display:flex;flex-wrap:wrap}.footer-head .link-container .footer-links:nth-child(1){margin-right:15em}.footer-head .link-container .footer-links:nth-child(2){display:flex;flex-direction:row}.footer-head .link-container .footer-links:nth-child(2) p{margin-left:1.5rem}.footer-head .link-container .footer-links p{margin-bottom:16px}.footer-head .link-container .footer-links p a{color:var(--mainColor)}.footer-head .link-container .footer-links p a:hover{transition:.3s;color:var(--thirdColor)}.footer-copy{color:var(--whiteLight);padding:140px 0 0;text-align:right;font-size:1rem}.more-about{padding:2rem;width:100%;height:100%;margin:auto;font-size:.9rem;color:var(--whiteLight)}.more-about h2{font-size:2.3rem;text-transform:uppercase;margin:2rem 0 5rem}.more-about h2 span{color:var(--secondColor)}.more-about-content{display:flex;flex-wrap:wrap;margin:auto;width:100%;justify-content:space-between}.more-about-img{width:40%;height:auto;padding:0 15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:400px;z-index:100}.more-about-text{width:60%;padding:0 15px}.more-about-text h3{font-size:1.2rem;margin:5rem 0 2.5rem}.more-about-text .skills{display:flex;flex-wrap:wrap}.more-about-text .skills .skill-item{background:rgba(var(--darkBlue), 0.7);border:1px solid var(--mainColor);padding:5px 15px;margin:0 10px 10px 0;border-radius:20px}.more-about-text .tabs{margin-top:4rem}.more-about-text .tabs .tab-item{padding:2px;background-color:rgba(0,0,0,0);border:none;display:inline-block;color:var(--thirdColor);font-size:1.1rem;cursor:crosshair;font-weight:500;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:30px;position:relative;opacity:.5;transition:all .3s ease}.more-about-text .tabs .tab-item:last-child{margin:0}.more-about-text .tabs .tab-item::before{content:"";position:absolute;left:0;bottom:0;width:0%;height:1px;background-color:var(--thirdColor);transition:width .3s ease}.more-about-text .tabs .tab-item:hover::before{width:100%}.more-about-text .tabs .tab-item.active{color:var(--mainColor);opacity:1;cursor:crosshair}.more-about-text .tabs .tab-item.active::before{width:100%;background-color:var(--mainColor)}.tab-content{padding:40px 0;display:none}.tab-content .timeline{position:relative}.tab-content .timeline::before{content:"";position:absolute;height:100%;width:1px;top:0;left:5px;background-color:var(--mainColor)}.tab-content .timeline-item{margin-bottom:30px;position:relative;padding:10px 0 0 40px}.tab-content .timeline-item::before{content:"";position:absolute;height:11px;width:11px;background-color:var(--mainColor);left:0;top:16px;border-radius:50%}.tab-content .timeline-item .date{display:block;color:var(--mainColor);font-weight:400;margin:0 0 10px}.tab-content .timeline-item h4{font-size:1.1rem;margin:0 0 10px}.tab-content .timeline-item h4 span{font-weight:400;font-style:italic}.tab-content .timeline-item ul{list-style-type:square}.tab-content .timeline-item ul li{margin-bottom:1rem}.tab-content .timeline-item:last-child{margin-bottom:0}.tab-content.active{display:block}/*# sourceMappingURL=styles.min.css.map */