@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;font-family:Montserrat}:root{font-family:inter,system-ui,Aveir Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;--color-primary: #ffc288;--color-secondary: #ff6701;--color-neutral: #fcecdd}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow-x:hidden}main{min-height:100vh;padding:0}.card{display:grid;align-items:center;width:100%;max-width:1044px;height:280px;gap:16px;padding:0;margin:0 auto;grid-column:1 / span 8}.card-image{grid-column:1 / span 3;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.bordered-image{width:408px;height:280px;object-fit:cover;display:block}.card-content{grid-column:4 / span 4;display:flex;flex-direction:column;text-align:left;height:100%;justify-content:flex-start;align-items:flex-start}.icon-container{display:flex;flex-direction:row;justify-content:flex-start}.button-container{display:flex;flex-direction:row;gap:32px;margin-top:auto;justify-content:flex-start}.blog-container{display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto 124px;gap:64px!important}.blog-container .card{grid-column:auto;display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0;gap:0;width:490px;height:739px;background:transparent}.blog-container .card-image{width:490px;height:340px;margin:0;object-fit:cover}.blog-container .bordered-image{width:490px;height:340px;margin:0;object-fit:cover;align-self:stretch;display:block}.blog-container .card-content{flex-grow:1;margin:0;display:flex;flex-direction:column;text-align:left;justify-content:flex-start;align-items:flex-start}.blog-container .button-container{display:flex;flex-direction:row;justify-content:flex-start;margin-top:32px}.date-container{font-weight:700;font-size:14px;color:#000;margin:32px 0 0}.peach{border-bottom:20px solid #ffc288;border-left:20px solid #ffc288}.orange{border-bottom:20px solid #ff6701;border-left:20px solid #ff6701}@media screen and (max-width: 1511px) and (min-width: 1280px){.card{max-width:958px}.blog-container{width:958px}.blog-container .card-content,.blog-container .card,.blog-container .bordered-image,.blog-container .card-image{width:447px}}@media screen and (max-width: 1279px) and (min-width: 744px){.card{width:680px;gap:37px;margin:0 auto}.card-image{grid-column:1 / span 3;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.bordered-image{width:200px}.peach{border-bottom:10px solid #ffc288;border-left:10px solid #ffc288}.orange{border-bottom:10px solid #ff6701;border-left:10px solid #ff6701}.blog-container{display:grid;width:680px;grid-template-columns:repeat(1,1fr);margin:0;gap:64px!important}.blog-container .card-content{width:680px}.blog-container .card{width:680px;height:661px}.blog-container .bordered-image,.blog-container .card-image{width:680px}}@media screen and (max-width: 743px){.card{width:100%;max-width:343px;height:590px;display:flex;flex-direction:column;align-items:center;gap:24px;margin:0 auto}.card-image{width:100%;display:flex;justify-content:center}.bordered-image{width:100%;height:200px}.card-content{width:100%;max-width:343px;margin-bottom:0;text-align:center;align-items:center}.icon-container{width:100%}.button-container{display:flex;flex-direction:column;gap:16px;margin-top:auto;justify-content:flex-start;width:100%}.peach{border-bottom:10px solid #ffc288;border-left:10px solid #ffc288}.orange{border-bottom:10px solid #ff6701;border-left:10px solid #ff6701}.blog-container{display:grid;width:100%;max-width:375px;grid-template-columns:repeat(1,1fr);margin:0;gap:64px!important}.blog-container .card-content{width:343px}.blog-container .card{width:100%;max-width:343px;height:auto}.blog-container .bordered-image,.blog-container .card-image{width:343px;height:200px}.date-container{margin:24px 0 0}.blog-container .button-container{margin-top:24px}}.h1{font-size:80px;color:#00f;font-family:Montserrat,sans-serif;grid-column:span 8;font-weight:700;line-height:98px}.h3{grid-column:span 8;font-size:32px;font-family:Montserrat,sans-serif;text-align:left;font-weight:600;font-style:normal;line-height:39px;padding:0}.p{font-size:18px;font-family:Hind,sans-serif;justify-self:center;text-align:left;font-weight:400;line-height:29px}.h1.hero{width:100%;margin:0 0 16px}.h3.hero{width:100%;margin:0 auto}.hero-container{margin:0 auto;width:1044px;height:980px}.p.hero{grid-column:span 7;width:100%;height:auto;justify-self:left;margin:0;padding:0 0 0 22px}.h1.tech{grid-column:1;color:#fff;height:auto;width:auto;margin:0;text-align:center}.h3.tech{grid-column:2;color:#fff;width:722px;height:auto;font-family:Hind,sans-serif;text-align:left;margin:0;align-self:center}.h1.projects{width:100%;max-width:1044px;margin:0 auto;text-align:left}.h3.projects{grid-column:span 5;width:100%;margin:0;align-self:start}.p.projects{grid-column:span 5;text-align:left;max-width:100%;margin:16px 0;align-self:start}h1.blog{grid-column:1 / span 8;z-index:1;text-align:left;margin:0}h3.blog{width:auto;height:auto;margin:8px 0 32px}p.blog{margin:0}h1.skills{margin:128px 234px;color:#fff}p.skills{color:#fff;margin:0;width:auto;height:auto}.skills-container{display:grid;justify-content:space-between;width:1044px;margin:0 234px 128px;align-items:flex-start}.skills-column:nth-child(1){grid-column:1}.skills-column:nth-child(2){grid-column:3}.skills-column:nth-child(3){grid-column:5}.skills-column:nth-child(4){grid-column:7}h3.skills-code{background-color:#eb5577;color:#fff;padding:2px;margin:0 0 16px;display:inline-block}h3.skills-toolbox{background-color:#2483e0;color:#fff;padding:2px;margin:0 0 16px;display:inline-block}h3.skills-upcoming{background-color:#6db486;color:#fff;font-weight:600;padding:2px;margin:0 0 16px;display:inline-block}h3.skills-more{background-color:#ffde30;color:#00f;font-weight:600;padding:2px;margin:0 0 16px;display:inline-block}.skills-column{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%}.skills-column p{color:#fff}.h1.contact{grid-column:1 / span 8;font-family:Montserrat,sans-serif;text-align:center;justify-self:center;align-self:center;margin:0 auto}.h3.contact{margin:0 0 8px}.contact-info{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:680px;height:auto;margin:0 auto}.social-links{display:flex;flex-direction:row;gap:32px;justify-content:center;margin:56px 0 0}.ticker-tape{position:absolute;bottom:0;left:50%;width:100vw;margin-left:-50vw;height:114px;background-color:#ff6584;color:#fff;padding:41px 0 35px 13px;text-align:left;overflow:hidden;white-space:nowrap}.ticker-tape h3{margin:0;font-size:26px;line-height:38px;font-weight:600;font-family:Montserrat,sans-serif}@media screen and (max-width: 1511px) and (min-width: 1280px){.hero-container{width:958px}.h1.tech{margin:0}.h3.tech{width:636px}.h1.projects{max-width:956px}.h1.blog{width:956px}.skills-container{width:958px;margin:0 161px 128px}.ticker-tape{margin-bottom:4px}}@media screen and (max-width: 1279px) and (min-width: 744px){.h1{font-size:56px;line-height:68px}.h3{font-size:24px;line-height:29px}.hero-container{width:680px;height:627px}.h1.hero{margin:0 0 32px!important}.h1.tech{grid-column:1 / span 8;width:680px;height:68px;padding:0;margin:0 auto 64px;text-align:center;align-items:center}.h3.tech{grid-column:1 / span 8;line-height:38px;width:680px;height:auto;margin:0 auto;text-align:center}.h1.projects{grid-column:1 / span 8;width:680px;height:66px;margin:0 auto}.h1.blog{width:680px}.h3.blog{width:332px}.h1.skills{margin:128px 32px 64px}.skills-container{display:grid;grid-template-columns:auto auto;gap:64px;justify-content:center;width:680px;margin:0 auto 148px}.skills-column{width:auto;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.skills-column:nth-child(1){grid-column:1;grid-row:1}.skills-column:nth-child(2){grid-column:2;grid-row:1}.skills-column:nth-child(3){grid-column:1;grid-row:2;margin-left:-7px}.skills-column:nth-child(4){grid-column:2;grid-row:2;margin-left:-23px}}@media screen and (max-width: 743px){.hero-container{width:343px;height:720px;padding:0}.h1{font-size:32px;line-height:39px}.h3{font-size:18px;line-height:22px}.h1.hero{margin:0 0 32px!important;padding:0}.h3.hero{margin:32px 0 0!important;padding:0}.p.hero{padding:0;margin-bottom:32px;grid-column:span 8}.h1.tech{grid-column:1 / span 8;width:auto;height:68px;margin:0 auto 64px;padding:0}.h3.tech{grid-column:1 / span 8;margin:0 auto;width:343px;height:auto;text-align:left;font-size:24px;line-height:38px}.h1.projects{font-size:56px;line-height:66px;width:100%;max-width:343px;height:auto;text-align:center;margin:0 auto;padding:0}.h3.projects{font-size:24px;line-height:29px}.p.projects{font-size:16px;line-height:29px}.h1.blog{font-size:56px;text-align:center;line-height:68px;width:343px}.h3.blog{font-size:24px;line-height:29px;margin:8px 0 24px}.skills-container{display:flex;flex-direction:column;gap:64px;align-items:center;justify-content:center;width:100%;max-width:343px;margin:0 auto 157px}.skills-column{width:100%;max-width:343px;text-align:center;display:flex;flex-direction:column;align-items:center}.h1.skills{font-size:56px;line-height:68px;margin:128px 16px 64px}h3.skills-code,h3.toolbox,h3.upcomming,h3.more{font-size:24px;line-height:29px}.h1.contact{font-size:56px;line-height:68px}.h3.contact{font-size:24px;line-height:29px}}.icon{background-color:#000;color:#fff;padding:2px 6px;text-align:center;font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;font-weight:600;display:inline-block;min-width:fit-content;margin-right:4px}.custom-button{display:flex;align-items:center;background-color:#0000001a;color:#000;padding-right:16px;border-radius:40px;font-family:Montserrat,sans-serif;font-size:20px;line-height:24px;font-weight:600;font-style:normal;letter-spacing:0px;width:fit-content;transition:background .3s ease-in-out}.custom-button .svg-icon{margin-right:7px}.custom-button:hover .svg-icon{filter:brightness(0) invert(1)}.custom-button:hover{background-color:#0b24f5!important;color:#fff!important}.blog .custom-button a{text-decoration:none!important}.blog .custom-button{background-color:#fff!important;color:#000!important}.blog .custom-button:hover{background-color:#ffd338!important;color:#000!important}.blog .custom-button:hover .svg-icon{filter:none}.custom-button-code{background-color:#0000001a;color:#000}.custom-button-code:hover{background-color:#eb5577!important;color:#fff!important}.custom-button-code:hover .svg-icon{filter:brightness(0) invert(1)}.section-wrapper{width:100%}.grid-section{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:1512px;min-height:980px;position:relative;align-items:center;margin:0 auto}.grid-section.hero{padding:332px 0 331px}.grid-section.tech{gap:124px;padding:0 234px}.grid-section.projects{width:100%;max-width:1512px;box-sizing:border-box;padding:128px 234px 0;margin:0 auto;gap:128px}.grid-section.card{grid-column:1 / span 8;width:100%;height:auto;display:flex;flex-wrap:wrap;gap:16px;padding-left:0;overflow:visible}.grid-section.blog{width:100%;max-width:1512px;box-sizing:border-box;padding:124px 234px 128px;margin:0 auto;gap:132px}.grid-section.skills{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:auto!important}.grid-section.contact{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:1053px!important;box-sizing:border-box;padding:128px 234px;margin:0 auto;gap:128px}.blue-background{background:#00f}.peach-background{background:var(--color-neutral)}.white-background{background:#fff}.orange-background{background:#ff7d29}@media screen and (max-width: 1511px) and (min-width: 1280px){.grid-section.hero{padding:332px 0 331px}.grid-section.tech{width:1280px;padding:0 191px}.grid-section.projects{padding:128px 161px 0;box-sizing:border-box}.grid-section.blog{width:1280px;padding:124px 161px 128px;box-sizing:border-box}.grid-section.contact{padding:128px 161px 128px 162px;min-height:1057px!important}}@media screen and (max-width: 1279px) and (min-width: 744px){.grid-section{min-height:627px}.grid-section.hero{padding:128px 0 208px}.grid-section.tech{min-width:745px;height:796px;gap:0;padding:256px 4.297%}.grid-section.projects{padding:128px 32px 0;box-sizing:border-box;gap:64px}.grid-section.blog{width:745px;padding:128px 32px;gap:64px}.grid-section.contact{padding:128px 32px;min-height:929px!important;gap:64px}}@media screen and (max-width: 743px){.grid-section{min-height:720px}.grid-section.hero{padding:64px 0 132px}.grid-section.tech{min-width:345px;min-height:360px!important;gap:0;padding:128px 4.27%}.grid-section.projects{display:flex;flex-direction:column;align-items:center;width:100%;min-width:375px;margin:0 auto;padding:124px 16px 0;box-sizing:border-box;gap:64px}.grid-section.blog{width:100%;max-width:375px;padding:128px 16px;box-sizing:border-box;margin:0 auto;gap:64px}.grid-section.contact{padding:128px 16px;gap:64px;min-height:1043px!important}}.profile-picture{width:164px;height:164px;border-radius:50%;grid-column:1}.contact-info .profile-picture{border-radius:50%;margin:0 0 64px}@media screen and (max-width: 743px){.profile-picture{order:-1;grid-column:4 / span 2}}.arrow-container{position:absolute;top:849px;left:50%;transform:translate(-50%);z-index:10}.arrow-container svg{width:27px;height:68px}@media screen and (max-width: 1279px) and (min-width: 744px){.arrow-container{top:559px}}@media screen and (max-width: 743px){.arrow-container{top:588px}}.social-links{display:flex;justify-content:center;align-items:center;gap:32px}.image-icon{width:32px;height:32px;cursor:pointer;transition:filter .3s ease-in-out}.image-icon:hover{filter:brightness(0)}.separator-wrapper{width:100%;position:relative;display:flex;justify-content:center;align-items:center;z-index:10;overflow:visible}.separator-wrapper,.separator-container{display:flex;width:100vw;justify-content:center;align-items:center;flex-wrap:nowrap}.separator-img{width:171.82px;height:auto;margin-top:124px;margin-left:-15px;margin-bottom:-8px;flex-shrink:0}@media screen and (max-width: 1279px) and (min-width: 744px){.separator-img{margin-top:128px}}@media screen and (max-width: 743px){.separator-img{margin-top:128px}}