:root{--projectBgColorIcon:#000d39;--projectIconContainerSize:40px}.projectCard__container{display:flex;flex-direction:column;background-color:var(--color-primary);transition:all .3s ease}@media screen and (min-width:767px){.projectCard__container:hover{transform:scale(1.07)}}.projectCard__image{position:relative}.projectCard__technology__icon{width:var(--projectIconContainerSize);height:var(--projectIconContainerSize);background-color:var(--projectBgColorIcon);border-radius:0 0 0 9px;position:absolute;right:0;display:flex;align-items:center;justify-content:center}.projectCard__content{padding:1.3rem;display:flex;flex-direction:column}a{text-decoration:none}.link-arrow{color:var(--color-body);font-weight:700}.link-arrow.link-arrow-forward:after{content:"-->";margin-left:5px;transition:margin .15s ease}.link-arrow.link-arrow-backward:before{content:"<--";margin-right:5px}.link-arrow:hover:after{margin-left:10px}.btn{border:0;cursor:pointer;font-weight:500;padding:.5rem 2rem;white-space:nowrap;text-align:center;margin:1rem 0}.btn--large{padding:1rem 2rem;box-sizing:border-box}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-secondary);color:#fff}.btn--secondary:hover{background-color:var(--color-secondary-hover)}.btn--accent{background-color:var(--color-accent);color:#fff}.btn--rounded{border-radius:50px}.btn--block{width:100%;display:inline-block}.btn--outlined{border:1px solid #fff;color:#fff;background-color:transparent}:root{--illustrationOpacity:0.4;--gradientSpotOpacity:0.25}.hero{overflow:hidden;position:relative;z-index:-1;padding-bottom:5rem}.hero__leftIllustration,.hero__rightIllustration{display:none}@media screen and (min-width:768px){.hero{padding-bottom:20rem}.hero__paragraph{font-size:2.2rem;line-height:2.6rem;color:#ccccd3}.hero__leftIllustration{left:0;bottom:0}.hero__leftIllustration,.hero__rightIllustration{display:block;position:absolute;opacity:var(--illustrationOpacity)}.hero__rightIllustration{right:0;top:-90px;z-index:-1}}@media screen and (max-width:767px){h1{font-size:4rem;line-height:4rem}.hero{display:flex;align-items:center;justify-content:center}}@media screen and (min-width:678px){.gradient-spot{width:700px;height:300px;border-radius:50%;background-color:var(--color-secondary);position:absolute;z-index:-1;opacity:var(--gradientSpotOpacity);right:6rem;top:8rem;filter:blur(45px)}}@media screen and (max-width:770px){.gradient-spot{width:300px;height:300px;border-radius:50%;background-color:var(--color-secondary);position:absolute;z-index:-1;right:6rem;top:12rem;filter:blur(80px);opacity:var(--gradientSpotOpacity)}}.hero__text--gradient{background-image:linear-gradient(90deg,#6c00ff,#3c79f5);-webkit-background-clip:text;background-clip:text;font-weight:700;color:transparent}.hero__image{-o-object-fit:contain;object-fit:contain;max-width:90%;max-height:100%;width:auto;height:auto}.stackSkills__heading{min-height:45px;margin-bottom:1.5rem}.skill_icon,.stackSkills__heading{display:flex;justify-content:center;align-items:center}.skill_icon{height:120px;width:100%;flex-direction:column;gap:1rem;cursor:pointer}.icon-white{filter:brightness(0) invert(1);transition:all .2s ease}.skill_icon:hover .icon-white{filter:none}