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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;overflow-x:hidden;padding:0}html{box-sizing:border-box;font-family:poppins;font-size:62.5%;scroll-behavior:smooth}nav{align-items:center;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:hsla(0,0%,100%,.8);box-shadow:0 35px 25px -10px rgba(0,0,0,.05);display:flex;justify-content:space-between;padding:3rem 13vw;position:fixed;top:0;width:calc(100% - 26vw);z-index:3}nav .mobileLogo{display:none}nav .desktopLogo img{cursor:pointer;width:20rem}nav .navList{align-items:center;display:flex;justify-content:center}nav .navList ul{display:flex;list-style:none;list-style-type:none}nav .navList ul li{padding:0 2rem;position:relative}nav .navList ul li a{color:#101011;cursor:pointer;font-family:poppins;font-size:clamp(1.3rem,1vw,1.8rem);font-weight:500;text-decoration:none;text-transform:capitalize}nav .navList ul li a.navResume:before{-webkit-transform:scaleY(1)!important;transform:scaleY(1)!important}nav .navList ul .navPortfolio,nav .navList ul .navPortfolio a.portfolioToggleFont{color:#101011;cursor:pointer;font-family:poppins;font-size:clamp(1.3rem,1vw,1.8rem);font-weight:500;text-decoration:none;text-transform:capitalize}nav .navList ul .navPortfolio a#portfolioToggleFontUXUI.portfolioToggleFont:hover:before,nav .navList ul .navPortfolio a:before{background-color:#f4eee1;border-radius:3rem;content:"";height:1rem;position:absolute;transition:all .25s;width:0;z-index:-1}nav .navList ul .navPortfolio a#portfolioToggleFontUXUI.portfolioToggleFont:hover:before{width:clamp(6rem,8vw,9.5rem)}nav .navList ul .navPortfolio a#portfolioToggleFontGraphicDesign.portfolioToggleFont:hover:before{background-color:#f4eee1;border-radius:3rem;content:"";height:1rem;position:absolute;transition:all .25s;width:0;width:clamp(6rem,9.5vw,11.5rem);z-index:-1}nav .navList ul .navPortfolio a#portfolioToggleFontArchitecture.portfolioToggleFont:hover:before{background-color:#f4eee1;border-radius:3rem;content:"";height:1rem;position:absolute;transition:all .25s;width:0;width:clamp(6rem,7.5vw,9rem);z-index:-1}nav .navList ul .navPortfolio a#portfolioToggleFontDigitalArtwork.portfolioToggleFont:hover:before{background-color:#f4eee1;border-radius:3rem;content:"";height:1rem;position:absolute;transition:all .25s;width:0;width:clamp(6rem,9vw,10rem);z-index:-1}nav .navList ul .navPortfolio a#portfolioToggleFontFrontendDevelopment.portfolioToggleFont:hover:before{background-color:#f4eee1;border-radius:3rem;content:"";height:1rem;position:absolute;transition:all .25s;width:0;width:clamp(6rem,14vw,17.25rem);z-index:-1}nav .navList .navHome:before,nav .navList .navHome:hover:before{background-color:#1c56a3;content:"";height:1rem;margin:3rem 0 0;opacity:1;position:absolute;transform:scaleY(0);-webkit-transform:scaleY(0);transition:all .25s;width:2rem}nav .navList .navHome:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}nav .navList .navPortfolio:before{background-color:#1c56a3;content:"";height:1rem;margin:3rem 0 0;opacity:1;position:absolute;transform:scaleY(0);-webkit-transform:scaleY(0);transition:all .25s;width:2rem}nav .navList .navPortfolio.active:before,nav .navList .navPortfolio:hover:before{transform:scaleY(0);-webkit-transform:scaleY(0);-webkit-transform:scaleY(1);transform:scaleY(1)}nav .navList .navAbout:before,nav .navList .navPortfolio.active:before,nav .navList .navPortfolio:hover:before{background-color:#1c56a3;content:"";height:1rem;margin:3rem 0 0;opacity:1;position:absolute;transition:all .25s;width:2rem}nav .navList .navAbout:before{transform:scaleY(0);-webkit-transform:scaleY(0)}nav .navList .navAbout:hover:before{transform:scaleY(0);-webkit-transform:scaleY(0);-webkit-transform:scaleY(1);transform:scaleY(1)}nav .navList .navAbout:hover:before,nav .navList .navResume:before{background-color:#1c56a3;content:"";height:1rem;margin:3rem 0 0;opacity:1;position:absolute;transition:all .25s;width:2rem}nav .navList .navResume:before,nav .navList .navResume:hover:before{transform:scaleY(0);-webkit-transform:scaleY(0)}nav .navList .navResume:hover:before{background-color:#1c56a3;content:"";height:1rem;margin:3rem 0 0;opacity:1;position:absolute;-webkit-transform:scaleY(1);transform:scaleY(1);transition:all .25s;width:2rem}nav .navList .portfolioToggle{background-color:#fff;border-radius:2rem;box-shadow:0 5px 15px 5px rgba(0,0,0,.15);display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:.5rem 2rem;position:absolute;top:5rem;-webkit-transform:translateY(-35rem);transform:translateY(-35rem);transition:all .5s;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:3}nav .navList .portfolioToggle li{list-style:none;padding:1rem 0}nav .navList .portfolioToggle li a.portfolioToggleFont,nav .navList .portfolioToggle li a.portfolioToggleFont:hover{color:#101011;font-family:poppins;font-size:clamp(1.15rem,1.25vw,1.5rem);text-decoration:none;text-transform:capitalize}nav .navList .portfolioToggle.active{-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s;visibility:visible}nav .contactButtonContainer{padding:0 0 0 2rem}nav .contactButtonContainer .contactButton{background-color:transparent;border:1px solid #101011;border-radius:5rem;color:#101011;font-family:poppins;font-size:clamp(1.3rem,1vw,1.8rem);font-weight:500;padding:1.5rem 7rem;text-transform:capitalize}nav .contactButtonContainer .contactButton:hover{background:linear-gradient(27deg,#10376c,#1c56a3);border:1px solid transparent;border-radius:5rem;color:#fff;cursor:pointer;font-family:poppins;font-size:1.8rem;font-size:clamp(1.3rem,1vw,1.8rem);font-weight:500;padding:1.5rem 7rem;text-transform:capitalize;transition:all .25s}nav .mobileTrigger{display:none}main{height:100%}main header{align-items:center;display:flex;height:100vh;justify-content:flex-start;opacity:0;padding:0 13vw;-webkit-transform:translateY(-3rem);transform:translateY(-3rem);transition:all .5s}main header .title{-webkit-animation:boxOneAnimation 1s;animation:boxOneAnimation 1s}main header .title ul{list-style:none;margin:0;padding:0;text-decoration:none}main header .title ul li{padding:0}main header .title ul li h1{color:#101011}main header .title ul li h1,main header .title ul li span{font-family:poppins;font-size:clamp(5.95rem,6vw,12.5rem);margin:0;padding:0}main header .title ul li span{color:#1c56a3}main header .title ul li h1.titleOutline{-webkit-text-stroke:1px #101011;color:transparent}main header .title ul li h1.titleOutline span{-webkit-text-stroke:1px #1c56a3;color:transparent}main header .portfolioBelow{bottom:5rem;left:calc(50% - 6rem);position:absolute}main header .portfolioBelow img{height:auto;width:12rem}main header.active{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s}main .background{bottom:5%;overflow-x:hidden;overflow-y:hidden;position:fixed;right:-5%;z-index:-1}main .background svg{height:auto;width:55rem}section{height:100vh;height:auto;opacity:0;padding:0 13vw;-webkit-transform:translateY(-3rem);transform:translateY(-3rem);transition:all .5s}section .adContainer{border-bottom:1.5px solid #edeef4;border-top:1.5px solid #edeef4;margin:4rem 0;padding:4rem 0;position:relative}section .adContainer span.advertisement{border:none!important;color:#929292;padding:1rem 0;position:absolute;right:50%;text-decoration:none!important;text-transform:capitalize;top:5%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}section .buttons{align-items:center;display:flex;justify-content:flex-end;padding:0 0 4rem;width:100%}section .buttons button{background-color:#1c56a3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;margin:0 0 0 1rem;padding:2rem;text-transform:capitalize;transition:all .25s;width:10rem}section .buttons button.next.active,section .buttons button.previous.active{background-color:#edeef4;color:#929292;cursor:auto;transition:all .25s}section .cardsContainer{grid-column-gap:2vw;grid-row-gap:2vw;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}section .cardsContainer a{background-color:red;background-color:#fff;border:3px solid #fff;border-radius:1rem;box-shadow:5px 0 19px 0 rgba(0,0,0,.2);-webkit-box-shadow:5px 0 19px 0 rgba(0,0,0,.2);-moz-box-shadow:5px 0 19px 0 rgba(0,0,0,.2);list-style:none;text-decoration:none;-webkit-transform:translateY(0);transform:translateY(0);transition:box-shadow .25s,border .25s,-webkit-transform .25s;transition:box-shadow .25s,transform .25s,border .25s;transition:box-shadow .25s,transform .25s,border .25s,-webkit-transform .25s}section .cardsContainer a .cardContainer{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;transition:all .5s}section .cardsContainer a .cardContainer img{border-radius:.8rem .8rem 0 0;height:auto;padding:0 0 2rem;width:100%}section .cardsContainer a .cardContainer .contents{align-items:flex-start;display:flex;flex-direction:column;height:auto;justify-content:center;list-style:none;padding:0 2rem 2rem;text-decoration:none;width:calc(100% - 4rem)}section .cardsContainer a .cardContainer .contents h1.header{color:#101011;font-family:poppins;font-size:clamp(.2rem,2vw,2rem);margin:0;padding:0 0 1rem;text-transform:uppercase;text-transform:capitalize}section .cardsContainer a .cardContainer .contents p{color:#929292;font-family:poppins;font-size:clamp(1.25rem,1.25vw,2.7rem);margin:0 0 1rem;padding:0}section .cardsContainer a .cardContainer .contents p.paragraph{font-size:clamp(1.75rem,.9vw,2rem)}section .cardsContainer a .cardContainer .contents .skillsContainer p.skills{color:#101011;font-weight:600;text-transform:capitalize;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.red{border:1px solid #c85827;border-radius:2rem;color:#c85827;font-size:1vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.blue{border:1px solid #1c56a3;border-radius:2rem;color:#1c56a3;font-size:1vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.yellow{border:1px solid #bda800;border-radius:2rem;color:#bda800;font-size:1vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.green{border:1px solid green;border-radius:2rem;color:green;font-size:1vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .lastCard{padding-bottom:0}section .cardsContainer a:hover{border:3px solid #edeef4;box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-webkit-box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-moz-box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-webkit-transform:translateY(-.25vw);transform:translateY(-.25vw);transition:box-shadow .25s,-webkit-transform .25s;transition:box-shadow .25s,transform .25s;transition:box-shadow .25s,transform .25s,-webkit-transform .25s}section.active{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s}section.blogContent{display:grid;grid-template-columns:70% 30%;grid-template-rows:1fr;height:100vh;height:auto;margin:0 0 10rem;opacity:100%;padding:0 13vw}section.blogContent .contents{padding:15rem 0 0;width:100%}section.blogContent .contents h1.title{color:#1c56a3;font-family:poppins;font-size:clamp(1.25rem,1.25vw,2.7rem);font-size:2rem;margin:0;padding:2rem 0 0}section.blogContent .contents p{font-family:poppins;font-size:clamp(1.75rem,.9vw,2rem);font-weight:400;line-height:4rem;padding:2rem 0 0}section.blogContent .contents p.date{color:#929292;font-family:poppins;font-size:clamp(1.19rem,.9vw,2rem);font-weight:400;line-height:clamp(3rem,2vw,4rem);margin:0;padding:0}section.blogContent .contents img{height:auto;width:100%}section.blogContent .contents .buttons{align-items:center;display:flex;justify-content:flex-start;padding:1rem 0 0;width:100%}section.blogContent .contents .buttons button.btnBlue{background:linear-gradient(27deg,#10376c,#1c56a3);border:1px solid transparent;border-radius:5rem;color:#fff;cursor:pointer;font-family:poppins;font-size:clamp(1.5rem,1.25vw,2.7rem);font-weight:600;padding:1.25rem clamp(6rem,1.5vw,10rem);text-transform:capitalize;transition:all .25s;width:auto}section.blogContent .contents .buttons button.btnBlue:hover{opacity:.75;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}section.blogContent .contents .buttons button.btnWhite{background:linear-gradient(27deg,#10376c,#1c56a3);background-color:transparent;background-image:none;border:2px solid #1c56a3;border-radius:5rem;color:#fff;color:#1c56a3;cursor:pointer;font-family:poppins;font-size:clamp(1.5rem,1.25vw,2.7rem);font-weight:600;margin:0 0 0 2rem;padding:1.25rem clamp(6rem,1.5vw,10rem);text-transform:capitalize;transition:all .25s;width:auto}section.blogContent .contents .buttons button.btnWhite:hover{opacity:.75;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}footer{flex-direction:column;padding:0 13vw}footer,footer .contents{background-color:#101011;display:flex;height:40rem}footer .contents{align-items:center;flex-direction:row;justify-content:flex-start}footer .contents .logo img{cursor:pointer;height:5vh;width:auto}footer .contents .footerList{display:flex;flex-direction:row}footer .contents .footerList h1{color:#1c56a3;font-family:poppins;font-size:clamp(2rem,1.2vw,2.2rem);font-weight:700;text-transform:capitalize}footer .contents .footerList li,footer .contents .footerList ul{list-style:none;padding:0;text-decoration:none}footer .contents .footerList a{color:#fff;font-family:poppins;font-size:clamp(1.25rem,.8vw,1.5rem);font-weight:600;line-height:2.75rem;list-style:none;text-decoration:none;z-index:1}footer .contents .footerList .footerPortfolio{margin:0 10rem}footer .contents .footerList .footerPortfolio a{position:relative;z-index:1}footer .contents .footerList .footerPortfolio a.footerUXUI:hover:before,footer .contents .footerList .footerPortfolio a:before{background-color:#1c56a3;border-radius:3rem;content:"";height:1rem;position:absolute;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);transition:all .25s;width:0;z-index:-1}footer .contents .footerList .footerPortfolio a.footerUXUI:hover:before{width:8rem}footer .contents .footerList .footerPortfolio a.footerGraphicDesign:hover:before{width:0;width:10rem}footer .contents .footerList .footerPortfolio a.footerArchitecture:hover:before,footer .contents .footerList .footerPortfolio a.footerGraphicDesign:hover:before{background-color:#1c56a3;border-radius:3rem;content:"";height:1rem;position:absolute;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);transition:all .25s;z-index:-1}footer .contents .footerList .footerPortfolio a.footerArchitecture:hover:before{width:0;width:8rem}footer .contents .footerList .footerPortfolio a.footerDigitalArtwork:hover:before{width:0;width:9rem}footer .contents .footerList .footerPortfolio a.footerDigitalArtwork:hover:before,footer .contents .footerList .footerPortfolio a.footerFrontendDevelopment:hover:before{background-color:#1c56a3;border-radius:3rem;content:"";height:1rem;position:absolute;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);transition:all .25s;z-index:-1}footer .contents .footerList .footerPortfolio a.footerFrontendDevelopment:hover:before{width:0;width:14rem}footer .contents .footerList .footerSocials{margin:0 10rem 0 0}footer .contents .footerList .footerSocials a{position:relative;z-index:3}footer .contents .footerList .footerSocials a.footerFacebook:hover:before,footer .contents .footerList .footerSocials a:before{background-color:#1c56a3;border-radius:3rem;content:"";height:1rem;position:absolute;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);transition:all .25s;width:0;z-index:-1}footer .contents .footerList .footerSocials a.footerFacebook:hover:before{width:6rem}footer .contents .footerList .footerSocials a.footerInstagram:hover:before{width:0;width:7rem}footer .contents .footerList .footerSocials a.footerInstagram:hover:before,footer .contents .footerList .footerSocials a.footerTiktok:hover:before{background-color:#1c56a3;border-radius:3rem;content:"";height:1rem;position:absolute;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);transition:all .25s;z-index:-1}footer .contents .footerList .footerSocials a.footerTiktok:hover:before{width:0;width:4rem}footer .contents .footerList .footerSocials a.footerYoutube:hover:before{width:0;width:5rem}footer .contents .footerList .footerSocials a.footerGithub:hover:before,footer .contents .footerList .footerSocials a.footerYoutube:hover:before{background-color:#1c56a3;border-radius:3rem;content:"";height:1rem;position:absolute;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);transition:all .25s;z-index:-1}footer .contents .footerList .footerSocials a.footerGithub:hover:before{width:0;width:4rem}footer .contents .footerList .footerContact{margin:0}footer .contents .footerList .footerContact a{position:relative;z-index:3}footer .contents .footerList .footerContact a:before{background-color:#1c56a3;border-radius:3rem;content:"";height:1rem;position:absolute;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);transition:all .25s;width:0;z-index:-1}footer .contents .footerList .footerContact a.footerContact:hover:before,footer .contents .footerList .footerContact a.footerLinkedin:hover:before{background-color:#1c56a3;border-radius:3rem;content:"";height:1rem;position:absolute;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);transition:all .25s;width:0;width:5rem;z-index:-1}footer .copyrightContainer{align-items:center;display:flex;justify-content:center;padding:0 0 2rem;width:100%}footer .copyrightContainer p.copyright{color:#fff;color:#929292;font-family:poppins;font-size:clamp(1.25rem,.8vw,1.5rem);font-weight:600;font-weight:lighter;line-height:2.75rem;list-style:none;margin:0;padding:0;text-decoration:none}.breadcrumbs{align-items:flex-start;display:flex;justify-content:flex-start;padding:2.5rem 0}.breadcrumbs a{align-items:center;background-color:#1c56a3;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;padding:1rem 2rem;text-decoration:none;-webkit-transform:translateX(0);transform:translateX(0)}.breadcrumbs a img.arrow{height:1.5rem!important;margin:0 2rem 0 0;transition:all .25s;width:auto}.breadcrumbs a p{color:#fff;font-size:1rem;margin:0;padding:0!important;transition:all .1s}.breadcrumbs a:hover img.arrow{height:1.5rem!important;margin:0 2rem 0 0;-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem);transition:all .25s;width:auto}@media only screen and (max-width:1024px){nav{align-items:center;box-shadow:0 35px 25px -10px rgba(0,0,0,.05);display:flex;justify-content:center;padding:4rem 10vw;width:calc(100% - 20vw);z-index:3}nav .desktopLogo{display:none}nav .navList{display:flex;justify-content:center;max-height:0;opacity:0;-webkit-transform:translateY(-9rem);transform:translateY(-9rem);transition:all .5s;visibility:hidden;z-index:3}nav .navList,nav .navList ul{align-items:center;flex-direction:column}nav .navList ul{padding:0}nav .navList ul li{padding:1rem 0}nav .navList ul .navPortfolio{align-items:center;display:flex;display:inherit;flex-direction:column;justify-content:center;z-index:3}nav .navList ul .navPortfolio .portfolioToggle{align-items:center;background-color:transparent;box-shadow:none;display:flex;display:none;flex-direction:column;justify-content:center;margin:0;padding:0;position:inherit;text-align:center;top:inherit;transition:all .5s;width:inherit}nav .navList ul .navPortfolio .portfolioToggle li{list-style:none;padding:.25rem 0}nav .navList ul .navPortfolio .portfolioToggle li a.portfolioToggleFont{color:#101011;font-family:poppins;font-size:clamp(1.15rem,1.25vw,1.5rem);text-decoration:none;text-transform:capitalize}nav .navList a:before,nav .navList a:hover:before,nav .navList ul li.navPortfolio:before{display:none}nav .contactButtonContainer{display:inline;display:initial;padding:0}nav .mobileLogo{left:10vw}nav .mobileLogo,nav .mobileTrigger{cursor:pointer;display:inline;display:initial;position:absolute;top:3rem}nav .mobileTrigger{right:10vw}nav .mobileTrigger,nav .mobileTrigger .trigger{background-color:transparent;content:"";height:2.5rem;width:2.5rem;z-index:2}nav .mobileTrigger .trigger{cursor:pointer;display:inline;display:initial;left:0;position:absolute;top:0}nav .mobileTrigger .mobileToggle{top:50%}nav .mobileTrigger .mobileToggle,nav .mobileTrigger .mobileToggle:after{background-color:#1c56a3;content:"";display:inline;display:initial;height:.3rem;position:absolute;transition:all .5s;width:2.5rem;z-index:-1}nav .mobileTrigger .mobileToggle:after{bottom:.75rem}nav .mobileTrigger .mobileToggle:before{background-color:#1c56a3;content:"";display:inline;display:initial;height:.35rem;position:absolute;top:.75rem;transition:all .5s;width:2.5rem;z-index:-1}nav .mobileTrigger .mobileToggle.active{top:50%;width:2.5rem;width:0}nav .mobileTrigger .mobileToggle.active,nav .mobileTrigger .mobileToggle.active:after{background-color:#1c56a3;content:"";display:inline;display:initial;height:.3rem;position:absolute;transition:all .5s;z-index:-1}nav .mobileTrigger .mobileToggle.active:after{bottom:.75rem;bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:2.5rem}nav .mobileTrigger .mobileToggle.active:before{background-color:#1c56a3;content:"";display:inline;display:initial;height:.35rem;position:absolute;top:.75rem;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .5s;width:2.5rem;z-index:-1}main{height:100%}main header{padding:0 10vw}main nav.active .navList{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:55vh;opacity:100%;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s;visibility:visible;z-index:3}main nav.active .navList ul{align-items:center;flex-direction:column;padding:0}main nav.active .navList ul li{padding:1rem 0}main nav.active .navList ul .navPortfolio{align-items:center;display:flex;display:inherit;flex-direction:column;justify-content:center;z-index:3}main nav.active .navList ul .navPortfolio .portfolioToggle{align-items:center;background-color:transparent;box-shadow:none;display:flex;flex-direction:column;height:0;justify-content:center;margin:0;padding:0;position:inherit;text-align:center;top:inherit;transition:all .5s;width:inherit}main nav.active .navList ul .navPortfolio .portfolioToggle li{list-style:none;opacity:0;padding:.25rem 0}main nav.active .navList ul .navPortfolio .portfolioToggle li a.portfolioToggleFont{color:#101011;font-family:poppins;font-size:clamp(1.15rem,1.25vw,1.5rem);text-decoration:none;text-transform:capitalize}main nav.active .navList ul .navPortfolio .portfolioToggle.active{height:15rem;padding:2rem 0 0;transition:all .5s}main nav.active .navList ul .navPortfolio .portfolioToggle.active li{opacity:100%;padding:.5rem 0;transition:all .5s}main nav.active .navList ul .navPortfolio:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}main nav.active .navList ul a:before,main nav.active .navList ul a:hover:before,main nav.active .navList ul li:before{display:none}main nav.active .mobileLogo{display:inline;display:initial;margin:0 0 22rem}main nav.active .mobileTrigger{content:"";cursor:pointer;display:inline;display:initial;height:2.5rem;position:absolute;right:10vw;top:3rem;width:2.5rem}main nav.active .mobileTrigger .mobileToggle{top:50%}main nav.active .mobileTrigger .mobileToggle,main nav.active .mobileTrigger .mobileToggle:after{background-color:#1c56a3;content:"";display:inline;display:initial;height:.3rem;position:absolute;transition:all .5s;width:2.5rem;z-index:-1}main nav.active .mobileTrigger .mobileToggle:after{bottom:.75rem}main nav.active .mobileTrigger .mobileToggle:before{background-color:#1c56a3;content:"";display:inline;display:initial;height:.35rem;position:absolute;top:.75rem;transition:all .5s;width:2.5rem;z-index:-1}main nav.active .mobileTrigger .mobileToggle.active{top:50%;width:2.5rem;width:0}main nav.active .mobileTrigger .mobileToggle.active,main nav.active .mobileTrigger .mobileToggle.active:after{background-color:#1c56a3;content:"";display:inline;display:initial;height:.3rem;position:absolute;transition:all .5s;z-index:-1}main nav.active .mobileTrigger .mobileToggle.active:after{bottom:.75rem;bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:2.5rem}main nav.active .mobileTrigger .mobileToggle.active:before{background-color:#1c56a3;content:"";display:inline;display:initial;height:.35rem;position:absolute;top:.75rem;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .5s;width:2.5rem;z-index:-1}section{height:100%;padding:0 10vw}section .cardsContainer{grid-column-gap:2vw;grid-row-gap:2vw;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}section .cardsContainer a{background-color:red;background-color:#fff;border:3px solid #fff;border-radius:1rem;box-shadow:5px 0 19px 0 rgba(0,0,0,.2);-webkit-box-shadow:5px 0 19px 0 rgba(0,0,0,.2);-moz-box-shadow:5px 0 19px 0 rgba(0,0,0,.2);list-style:none;text-decoration:none;-webkit-transform:translateY(0);transform:translateY(0);transition:box-shadow .25s,border .25s,-webkit-transform .25s;transition:box-shadow .25s,transform .25s,border .25s;transition:box-shadow .25s,transform .25s,border .25s,-webkit-transform .25s}section .cardsContainer a .cardContainer{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;transition:all .5s}section .cardsContainer a .cardContainer img{border-radius:.8rem .8rem 0 0;height:auto;padding:0 0 2rem;width:100%}section .cardsContainer a .cardContainer .contents{align-items:flex-start;display:flex;flex-direction:column;height:auto;justify-content:center;list-style:none;padding:0 2rem 2rem;text-decoration:none;width:calc(100% - 4rem)}section .cardsContainer a .cardContainer .contents h1.header{color:#101011;font-family:poppins;font-size:clamp(.2rem,2vw,2.5rem);margin:0;padding:0 0 1rem;text-transform:uppercase;text-transform:capitalize}section .cardsContainer a .cardContainer .contents p{color:#929292;font-family:poppins;font-size:clamp(1.25rem,1.25vw,2.7rem);margin:0 0 1rem;padding:0}section .cardsContainer a .cardContainer .contents .skillsContainer p.skills{color:#101011;font-weight:600;text-transform:capitalize;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.red{border:1px solid #c85827;border-radius:2rem;color:#c85827;font-size:1.5vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.blue{border:1px solid #1c56a3;border-radius:2rem;color:#1c56a3;font-size:1.5vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.yellow{border:1px solid #bda800;border-radius:2rem;color:#bda800;font-size:1.5vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.green{border:1px solid green;border-radius:2rem;color:green;font-size:1vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .lastCard{padding-bottom:0}section .cardsContainer a:hover{border:3px solid #edeef4;box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-webkit-box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-moz-box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-webkit-transform:translateY(-.25vw);transform:translateY(-.25vw);transition:box-shadow .25s,-webkit-transform .25s;transition:box-shadow .25s,transform .25s;transition:box-shadow .25s,transform .25s,-webkit-transform .25s}section.blogContent{grid-template-columns:80% 20%;grid-template-rows:1fr;height:100%;height:auto;margin:0 0 10rem;padding:0 10vw}section.blogContent .contents{width:100%}section.blogContent .contents h1.title{color:#1c56a3;font-family:poppins;font-size:clamp(1.25rem,1.25vw,2.7rem);font-size:2rem}section.blogContent .contents h1.date{color:#929292;font-family:poppins;font-size:clamp(1.25rem,1.25vw,2.7rem);font-size:2rem;font-weight:lighter}section.blogContent .contents img{height:auto;width:100%}section.blogContent .contents .buttons{align-items:center;display:flex;justify-content:flex-start;width:100%}section.blogContent .contents .buttons button.btnBlue{background:linear-gradient(27deg,#10376c,#1c56a3);border:1px solid transparent;border-radius:5rem;color:#fff;cursor:pointer;font-family:poppins;font-size:clamp(1.5rem,1.25vw,2.7rem);font-weight:600;padding:1.25rem clamp(6rem,1.5vw,10rem);text-transform:capitalize;transition:all .25s;width:auto}section.blogContent .contents .buttons button.btnBlue:hover{opacity:.75;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}section.blogContent .contents .buttons button.btnWhite{background:linear-gradient(27deg,#10376c,#1c56a3);background-color:transparent;background-image:none;border:2px solid #1c56a3;border-radius:5rem;color:#fff;color:#1c56a3;cursor:pointer;font-family:poppins;font-size:clamp(1.5rem,1.25vw,2.7rem);font-weight:600;padding:1.25rem clamp(6rem,1.5vw,10rem);text-transform:capitalize;transition:all .25s;width:auto}section.blogContent .contents .buttons button.btnWhite:hover{opacity:.75;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}footer{align-items:center;background-color:#101011;display:flex;flex-direction:column;justify-content:center}footer,footer .contents{height:auto}footer .contents .logo{display:none}footer .contents .footerList{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:11.5rem 0 8rem}footer .contents .footerList h1{align-items:center;color:#1c56a3;display:flex;font-family:poppins;font-size:clamp(2rem,1.2vw,2.2rem);font-weight:700;justify-content:center;text-transform:capitalize}footer .contents .footerList ul{align-items:center;display:flex;flex-direction:column;justify-content:center}footer .contents .footerList li,footer .contents .footerList ul{list-style:none;padding:0;text-decoration:none}footer .contents .footerList a{color:#fff;font-family:poppins;font-size:clamp(1.25rem,.8vw,1.5rem);font-weight:600;line-height:2.75rem;list-style:none;text-decoration:none}footer .contents .footerList .footerContact,footer .contents .footerList .footerPortfolio,footer .contents .footerList .footerSocials{align-items:center;justify-content:center;margin:0}footer .contents .footerList .footerContact{padding:0}footer .copyrightContainer{align-items:center;display:flex;justify-content:center;padding:2rem 0;width:100%}footer .copyrightContainer p.copyright{color:#fff;color:#929292;font-family:poppins;font-size:clamp(1.25rem,.8vw,1.5rem);font-weight:600;font-weight:lighter;line-height:2.75rem;list-style:none;margin:0;padding:0;text-decoration:none}.breadcrumbs{align-items:flex-start;display:flex;justify-content:flex-start;padding:2.5rem 0}.breadcrumbs a{align-items:center;background-color:#1c56a3;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;padding:1rem 2rem}.breadcrumbs a img.arrow{height:1.5rem!important;margin:0 2rem 0 0;transition:all .25s;width:auto}.breadcrumbs a p{color:#fff;font-size:1rem;margin:0;padding:0!important;transition:all .1s}}@media only screen and (max-width:650px){nav{padding:4rem 7vw;width:calc(100% - 14vw)}nav .mobileLogo{left:7vw;top:3rem}nav .mobileTrigger{right:7vw;top:3rem}nav .mobileTrigger .mobileToggle{top:50%}nav .mobileTrigger .mobileToggle,nav .mobileTrigger .mobileToggle:after{background-color:#1c56a3;content:"";display:inline;display:initial;height:.3rem;position:absolute;transition:all .5s;width:2.5rem;z-index:-1}nav .mobileTrigger .mobileToggle:after{bottom:.75rem}nav .mobileTrigger .mobileToggle:before{background-color:#1c56a3;content:"";display:inline;display:initial;height:.35rem;position:absolute;top:.75rem;transition:all .5s;width:2.5rem;z-index:-1}nav .mobileTrigger .mobileToggle.active{top:50%;width:2.5rem;width:0}nav .mobileTrigger .mobileToggle.active,nav .mobileTrigger .mobileToggle.active:after{background-color:#1c56a3;content:"";display:inline;display:initial;height:.3rem;position:absolute;transition:all .5s;z-index:-1}nav .mobileTrigger .mobileToggle.active:after{bottom:.75rem;bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:2.5rem}nav .mobileTrigger .mobileToggle.active:before{background-color:#1c56a3;content:"";display:inline;display:initial;height:.35rem;position:absolute;top:.75rem;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .5s;width:2.5rem;z-index:-1}nav .navList .navPortfolio .navPortfolio:hover:before{display:none}main{height:100%}main nav.active{padding:4rem 7vw;width:calc(100% - 14vw)}main nav.active .mobileTrigger{right:7vw;top:3rem}main nav.active .navList .navPortfolio .navPortfolio:hover:before{display:none}main header{height:100vh;padding:0 7vw}main header .title ul li h1,main header .title ul li span{font-size:clamp(4.25rem,6vw,12.5rem)}main .background{overflow-x:hidden;overflow-y:hidden;position:fixed;right:-5rem;top:45rem;z-index:-1}main .background svg{height:auto;width:35rem}section{height:100%;padding:0 7vw}section .cardsContainer{grid-column-gap:2vw;grid-row-gap:4rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}section .cardsContainer a{background-color:red;background-color:#fff;border:3px solid #fff;border-radius:1rem;box-shadow:5px 0 19px 0 rgba(0,0,0,.2);-webkit-box-shadow:5px 0 19px 0 rgba(0,0,0,.2);-moz-box-shadow:5px 0 19px 0 rgba(0,0,0,.2);list-style:none;text-decoration:none;-webkit-transform:translateY(0);transform:translateY(0);transition:box-shadow .25s,border .25s,-webkit-transform .25s;transition:box-shadow .25s,transform .25s,border .25s;transition:box-shadow .25s,transform .25s,border .25s,-webkit-transform .25s}section .cardsContainer a .cardContainer{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;transition:all .5s}section .cardsContainer a .cardContainer img{border-radius:.8rem .8rem 0 0;height:auto;padding:0 0 2rem;width:100%}section .cardsContainer a .cardContainer .contents{align-items:flex-start;display:flex;flex-direction:column;height:auto;justify-content:center;list-style:none;padding:0 2rem 2rem;text-decoration:none;width:calc(100% - 4rem)}section .cardsContainer a .cardContainer .contents h1.header{color:#101011;font-size:2rem;margin:0;padding:0 0 1rem;text-transform:capitalize}section .cardsContainer a .cardContainer .contents p{color:#929292;font-family:poppins;font-size:clamp(1.25rem,1.25vw,2.7rem);margin:0 0 1rem;padding:0}section .cardsContainer a .cardContainer .contents .skillsContainer p.skills{color:#101011;font-weight:600;text-transform:capitalize;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.red{border:1px solid #c85827;border-radius:2rem;color:#c85827;font-size:3vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.blue{border:1px solid #1c56a3;border-radius:2rem;color:#1c56a3;font-size:3vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.yellow{border:1px solid #bda800;border-radius:2rem;color:#bda800;font-size:3vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .contents .skillsContainer span.green{border:1px solid green;border-radius:2rem;color:green;font-size:3vw;font-weight:bolder;margin:0 1rem 0 0;padding:0 1rem;text-transform:uppercase}section .cardsContainer a .cardContainer .lastCard{padding-bottom:0}section .cardsContainer a:hover{border:3px solid #edeef4;box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-webkit-box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-moz-box-shadow:5px 0 19px 0 rgba(0,0,0,.5);-webkit-transform:translateY(-.25vw);transform:translateY(-.25vw);transition:box-shadow .25s,-webkit-transform .25s;transition:box-shadow .25s,transform .25s;transition:box-shadow .25s,transform .25s,-webkit-transform .25s}section.blogContent{grid-template-columns:1fr;grid-template-rows:80% 20%;height:100%;height:auto;margin:0 0 10rem;padding:0 7vw;width:auto}section.blogContent .contents{width:calc(100% - 7vw)}section.blogContent .contents h1.title{color:#1c56a3;font-family:poppins;font-size:clamp(1.25rem,1.25vw,2.7rem);font-size:2rem}section.blogContent .contents h1.date{color:#929292;font-family:poppins;font-size:clamp(1.25rem,1.25vw,2.7rem);font-size:2rem;font-weight:lighter}section.blogContent .contents img{height:auto;width:100%}section.blogContent .contents .buttons{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}section.blogContent .contents .buttons a{width:100%}section.blogContent .contents .buttons button.btnBlue{background:linear-gradient(27deg,#10376c,#1c56a3);border:1px solid transparent;border-radius:5rem;color:#fff;cursor:pointer;font-family:poppins;font-size:clamp(1.5rem,1.25vw,2.7rem);font-weight:600;margin:2rem 0;padding:1.25rem clamp(6rem,1.5vw,10rem);text-transform:capitalize;transition:all .25s;width:100%!important}section.blogContent .contents .buttons button.btnBlue:hover{opacity:.75;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);width:100%!important}section.blogContent .contents .buttons button.btnWhite{background:linear-gradient(27deg,#10376c,#1c56a3);background-color:transparent;background-image:none;border:2px solid #1c56a3;border-radius:5rem;color:#fff;color:#1c56a3;cursor:pointer;font-family:poppins;font-size:clamp(1.5rem,1.25vw,2.7rem);font-weight:600;margin:0;padding:1.25rem clamp(6rem,1.5vw,10rem);text-transform:capitalize;transition:all .25s;width:100%!important}section.blogContent .contents .buttons button.btnWhite:hover{opacity:.75;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);width:100%!important}footer{align-items:center;background-color:#101011;display:flex;flex-direction:column;justify-content:center}footer,footer .contents{height:auto}footer .contents .logo{display:none}footer .contents .footerList{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:11.5rem 0 8rem}footer .contents .footerList h1{align-items:center;color:#1c56a3;display:flex;font-family:poppins;font-size:clamp(2rem,1.2vw,2.2rem);font-weight:700;justify-content:center;text-transform:capitalize}footer .contents .footerList ul{align-items:center;display:flex;flex-direction:column;justify-content:center}footer .contents .footerList li,footer .contents .footerList ul{list-style:none;padding:0;text-decoration:none}footer .contents .footerList a{color:#fff;font-family:poppins;font-size:clamp(1.25rem,.8vw,1.5rem);font-weight:600;line-height:2.75rem;list-style:none;text-decoration:none}footer .contents .footerList .footerContact,footer .contents .footerList .footerPortfolio,footer .contents .footerList .footerSocials{align-items:center;justify-content:center;margin:0}footer .contents .footerList .footerContact{padding:0}footer .copyrightContainer{align-items:center;display:flex;justify-content:center;padding:2rem 0;width:100%}footer .copyrightContainer p.copyright{color:#fff;color:#929292;font-family:poppins;font-size:clamp(1.25rem,.8vw,1.5rem);font-weight:600;font-weight:lighter;line-height:2.75rem;list-style:none;margin:0;padding:0;text-decoration:none}.breadcrumbs{align-items:flex-start;display:flex;justify-content:flex-start;padding:2.5rem 0}.breadcrumbs a{align-items:center;background-color:#1c56a3;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;padding:1rem 2rem;width:100%}.breadcrumbs a img.arrow{height:1.5rem!important;margin:0 2rem 0 0;transition:all .25s;width:auto}.breadcrumbs a p{color:#fff;font-size:clamp(1.5rem,1.25vw,2.7rem)!important;margin:0;padding:0!important;transition:all .1s}}
/*# sourceMappingURL=main.f65d369e.css.map*/