@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";.gradient-background{background:linear-gradient(90deg,#0000fe 10%,#a0f1c6);height:1500px;width:1800px;max-width:100vw;border-radius:50%;margin:0;position:absolute;top:-700px;left:-200px;z-index:-4;filter:blur(150px);transform:translateZ(0)}.grain-hero{background-image:url(src/assets/texture.png);height:1050px;width:100vw;z-index:1;mix-blend-mode:overlay;opacity:.5;position:absolute;top:0;z-index:-3}.header{display:grid;grid-template-columns:repeat(3,auto);margin:40px}.logo{height:40px}ul{list-style:none;padding-inline-start:0px}li{display:inline;margin:0 3px}a{justify-self:end}.nav-items{color:var(--primary-color);place-self:center;font-size:18px}.main-info{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;margin:20px 40px}.title{font-size:70px;line-height:70px;color:var(--primary-color);width:680px;align-self:end}.frontend{font-weight:700}.and{font-weight:100}.content-creator{font-weight:300}.profile-container{grid-row:1 / 3;justify-self:end}.profile-pic{width:350px}@media screen and (max-width: 1070px){.header{grid-template-columns:auto;justify-content:center;margin-bottom:20px}.main-info{grid-template-columns:1fr 1fr;position:relative;margin:0 20px}.title{font-size:50px;line-height:50px;color:var(--primary-color);width:500px;align-self:end}.header button{display:none}.logo{place-self:center;margin-bottom:10px}.profile-pic{width:250px}.profile-container{z-index:-2}.gradient-background{background:linear-gradient(90deg,#0000fe 10%,#a0f1c6);left:-130px;height:1400px}}@media screen and (max-width: 800px){.logo{height:30px}.main-info .socialmedia-icons{margin-bottom:10px}.nav-items{font-size:12px}.header{margin-top:30px}.title{font-size:35px;line-height:35px;width:350px;text-align:center;padding-top:100px;text-shadow:0px 0px 5px rgba(0,0,50,10%)}.main-info{margin:0;display:grid;grid-template-rows:auto auto;grid-template-columns:none;position:relative;place-items:center}.profile-container{position:absolute;top:-10px;justify-self:center}.profile-pic{width:150px}.gradient-background{background:linear-gradient(90deg,#0000fe 40%,#a0f1c6 90%);left:-50px;top:-200px;height:700px;width:100vw;filter:blur(100px)}}@media screen and (min-width: 1800px){.gradient-background{height:1100px;width:35000px;top:-400px;left:-350px}}.button{display:flex;justify-self:end;background-color:var(--secondary-color);color:var(--primary-color);border-radius:40px;border:1px solid var(--primary-color);padding:10px 15px;font-size:18px;max-height:42px;cursor:pointer}.icon-bttn{margin-right:5px;width:18px;align-self:center}.icon-txt{font-weight:300}@media screen and (max-width: 800px){.button{font-size:14px;padding:8px}}.socialmedia-icons{grid-column:1 / 2;grid-row:2 / 3}.icon-socialmedia{width:35px;height:35px;margin:0;padding-top:10px;padding-bottom:5px;padding-right:20px;opacity:.5;transition-duration:.4s;color:var(--primary-color)}.icon-socialmedia:hover{opacity:1}@media screen and (max-width: 800px){.icon-socialmedia{width:24px;height:24px;padding-right:14px}}.section-text{margin:0 40px;color:var(--primary-color);font-size:24px;font-weight:400}.projects-feed{display:grid;margin-top:20px;gap:20px;padding-left:40px;padding-right:40px}.project-container{display:grid;background:#fafafa59;border:1px solid;border-color:#fff;box-shadow:0 0 25px #0000fe1a;grid-template-columns:auto 430px;height:250px;grid-template-rows:auto 80px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:30px 25px 0;position:relative;overflow:hidden;font-size:24px;-webkit-transform:translateZ(0)}.project-background{margin-left:40px;border-radius:20px;background:linear-gradient(0deg,#0000fe,#a0f1c6);position:absolute;height:280px;width:250px;z-index:-2;filter:blur(100px);opacity:.15}.project-texts{grid-row:1/2;padding-right:20px}.details{padding-top:15px;color:var(--tertiary-color)}.project-stack{font-weight:200}.project-title{font-weight:700}.project-description{font-size:20px}.project-cta{display:flex;grid-row:2/3}.icon-project{font-size:40px;color:var(--secondary-color);margin-left:10px}.project-image{grid-row:1/3;grid-column:2/3;height:280px;filter:drop-shadow(0px 0px 10px rgba(0,0,254,10%));place-self:center;position:fixed;bottom:-30px}@media screen and (max-width: 1070px){.projects-feed{padding-left:20px;padding-right:20px}.project-container{grid-template-columns:auto 300px;height:200px;font-size:20px}.project-background{height:230px;width:200px}.project-texts{padding-right:70px}.project-title{font-size:20px}.project-cta{padding-top:10px}.project-image{height:230px;padding-right:40px;bottom:-30px}.details{padding-top:8px}.details-project{padding-bottom:10px}.project-background{margin-left:0}.section-text{margin:0 20px}}@media screen and (max-width: 800px){.section-text{font-size:18px;margin:20px 20px 0}.project-cta{padding-bottom:200px}.project-container{grid-template-columns:repeat(1,1fr);grid-template-rows:115px auto auto;height:360px;font-size:18px;padding-top:20px}.project-image{grid-row:none;height:200px;place-self:end;position:absolute;bottom:-20px;left:0;grid-column:1/2;padding:0}.project-texts{font-size:18px;padding-right:0}.project-description{font-size:14px}}.secondary-text{color:var(--extra-color);margin-top:35px}.article-container{display:grid;background:#fafafa59;border:1px solid;border-color:#fff;box-shadow:0 0 25px #0000fe1a;height:250px;width:350px;grid-template-rows:auto 80px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}article:first-child{margin-left:40px}.article-container:after{content:"";border-radius:20px;background-color:#0000fe;position:absolute;height:200px;width:350px;z-index:-2;filter:blur(100px);opacity:.1}.article-text{padding:20px 20px 0;font-weight:400;font-size:28px}.article-cta{justify-self:end;align-self:center;padding-right:20px}.articles-feed{display:flex;gap:20px;padding-top:20px;padding-bottom:20px;overflow-x:auto;scroll-snap-type:x mandatory}.articles-feed::-webkit-scrollbar{height:8px;background-color:transparent}.articles-feed::-webkit-scrollbar-thumb{background-color:#fafafa7f;border-radius:6px;box-shadow:0 0 5px #0000fe1a}.articles-feed::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}@media screen and (max-width: 1070px){.article-container{width:250px;height:220px}.article-text{font-size:20px}article:first-child{margin-left:20px}}@media screen and (max-width: 800px){.article-container{width:200px;height:200px}.article-text{font-size:16px}article:first-child{margin-left:20px}}.gradient-background-footer{width:100vw;height:100vh;max-height:700px;position:absolute;bottom:0;z-index:-4}.grain-footer{width:100vw;height:100vh;max-height:900px;position:absolute;bottom:0;z-index:-3;mix-blend-mode:overlay;opacity:1}.footer-container{position:relative;padding-bottom:10px}.footer-texts{margin-top:20px;font-size:16px;margin-left:40px;margin-right:40px;padding-right:220px;line-height:20px;color:var(--primary-color)}.cta-text{margin-top:50px;font-size:70px;font-weight:100}.cta-mail{font-size:70px;font-weight:600;margin-top:45px;margin-bottom:45px}.footer-title{margin-top:20px}.footer-texts a,.cta-mail a{text-decoration:underline}.footer-logo{position:absolute;right:0;bottom:0;width:50px;height:50px;margin-right:40px;margin-bottom:40px}@media screen and (max-width: 1070px){.footer-texts{font-size:16px;margin-left:20px;margin-right:100px;padding-right:20px;line-height:20px}.cta-text,.cta-mail{font-size:60px}.footer-logo{margin-right:20px;margin-bottom:20px}.gradient-background-footer{width:100vw;height:85vh;position:absolute;bottom:0;z-index:-4}}@media screen and (max-width: 800px){.footer-texts{font-size:14px;margin-left:20px;margin-right:0;padding-right:80px;line-height:20px;text-shadow:0px 0px 5px rgba(0,0,254,.3)}.cta-text{font-size:24px;margin-top:20px}.cta-mail{font-size:24px;margin-top:10px;margin-bottom:20px}.footer-logo{margin-right:20px;margin-bottom:20px;height:30px}.footer-title{font-size:20px}.gradient-background-footer{width:100vw;height:85vh;position:absolute;bottom:0;z-index:-4}}*{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0%}html,body{overflow-x:hidden}body{background-color:var(--primary-color);overflow-x:hidden}:root{--primary-color: #FAFAFA;--secondary-color: #0B0B6B;--tertiary-color: #000032;--extra-color: #8C8CAB }button{background:none;border:0}a{text-decoration:none;color:var(--primary-color)}