html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;scroll-behavior:smooth}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:RockedAlt;src:url(/assets/Rocked-Regular-ALT-D0CCUt7V.otf) format("opentype");font-weight:400;font-style:normal}:root{--font-family: "poppins", sans-serif;--font-family-tag: "RockedAlt";--fs-xs: .8rem;--fs-s: 1.1rem;--fs-m: 1.5rem;--fs-h3: 2.5rem;--fs-l: 3.3rem;--fs-xl: 5rem;--step--8: clamp(.7675rem, .7437rem + .1058vw, .8389rem);--step--7: clamp(.921rem, .8784rem + .189vw, 1.0486rem);--step--6: clamp(1.1052rem, 1.0366rem + .3045vw, 1.3107rem);--step--5: clamp(1.3262rem, 1.2221rem + .4625vw, 1.6384rem);--step--4: clamp(1.5914rem, 1.4392rem + .6764vw, 2.048rem);--step--3: clamp(1.9097rem, 1.693rem + .9634vw, 2.56rem);--step--2: clamp(2.2917rem, 1.9889rem + 1.3457vw, 3.2rem);--step--1: clamp(2.75rem, 2.3333rem + 1.8519vw, 4rem);--step-0: clamp(3.3rem, 2.7333rem + 2.5185vw, 5rem);--step-1: clamp(3.96rem, 3.1967rem + 3.3926vw, 6.25rem);--fs-button: 1.2rem;--background-color-dark: #000413;--background-color-light: #DFE2E5;--color-purple: #6059A2;--color-blue: #78C6DD;--color-orange: #E2756D;--color-white: #ffffff;--color-darkindigo: #1B1E35;--color-dof: #4A5375;--border-radius: 1rem}body{background-color:var(--background-color-dark);color:var(--color-white);font-family:var(--font-family)}html,body,#root{margin:0;padding:0;width:100%;overflow-x:hidden}.Link{text-decoration:none;color:var(--color-white);font-weight:300}.Link-secondary{text-decoration:none;color:var(--color-darkindigo)}button{color:var(--color-darkindigo);border:none;font-weight:600;font-size:var(--fs-button);background-color:var(--color-white);padding:.8rem 1.2rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;width:fit-content;z-index:20}.primary:hover{background:linear-gradient(90deg,var(--color-orange),var(--color-purple),var(--color-blue));transition:1s ease-in-out;cursor:pointer}.secondary-button{color:var(--color-white);background-color:transparent;border:none;font-weight:600;font-size:var(--fs-button);padding:.8rem 1.2rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;transition:.1s}.secondary-button:hover{opacity:.2;cursor:pointer}.layout{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:5rem}.full-width-img{width:100vw;margin-left:-1rem;margin-right:-1rem}h3{font-size:var(--step--3);text-transform:uppercase;line-height:.5;font-weight:500;max-width:15ch;margin-bottom:2rem}h3 span{background:linear-gradient(90deg,var(--color-orange),var(--color-purple),var(--color-blue));filter:drop-shadow(0 0 .75rem var(--color-orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding:.5em 0}.text-center{text-align:center}p{line-height:1.3;font-size:var(--step--6);font-weight:300}.light{color:var(--color-darkindigo)}.text-color{color:#0ff}.dark{color:var(--color-white)}.layout-section{display:flex;flex-direction:column;justify-content:center;height:fit-content;place-self:center}h2{text-transform:uppercase;font-size:var(--fs-l);font-weight:600;color:var(--color-darkindigo);align-self:flex-start}h6{color:var(--color-darkindigo);align-self:flex-start;font-weight:600;font-size:var(--fs-l);line-height:.9;margin-top:1rem;margin-bottom:.5rem}.bold{color:var(--color-blue);font-weight:600}.bold-dark{color:var(--color-orange);font-weight:600}.loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-color-dark);display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;z-index:9999;text-align:center;line-height:1.1;opacity:1;transition:opacity .5s ease;color:var(--color-dof)}.loader-overlay.fade-out{opacity:0;pointer-events:none}.spinner{border:8px solid var(--color-dof);border-top:8px solid var(--color-blue);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.letschat-button{text-decoration:none;color:var(--color-darkindigo);display:flex;gap:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar-width{position:fixed;bottom:5vh;left:50%;transform:translate(-50%);z-index:1000;display:none;padding:1.5rem 3rem;background-color:#02021b80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(255,255,255,.134)}@media (min-width:768px){.navbar-width{display:block}.layout{padding:0rem 3rem 3rem;gap:10rem}h3{margin-bottom:2rem}}.hero{height:fit-content;background:#000e2e;background:linear-gradient(169deg,#000e2e,#000411);background-color:#fff;padding:6rem 0rem 0rem;overflow:hidden;display:grid;justify-items:center;grid-template-columns:100vw;grid-template-rows:auto min-content auto}h1{text-transform:uppercase;font-size:var(--step-0);line-height:.7;text-align:center}.grid-item--1{grid-column:1;grid-row:1;z-index:2;text-align:center}.tagline{font-family:var(--font-family-tag);font-size:var(--step--3);font-weight:700;background:linear-gradient(90deg,var(--color-orange),var(--color-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform:rotate(-5.37deg);padding:.5em 0;margin-top:-10px}.hero video{grid-column:1;grid-row:1 / span 2;z-index:1;width:140%;object-fit:contain}.hero video img{grid-column:1;grid-row:1 / span 2;z-index:1;width:140%;object-fit:contain}.updown{filter:drop-shadow(-15px 20px 20px #00000e)}.contact-wrapper{display:flex;align-items:center;width:90vw;justify-content:space-between;grid-row-start:2;padding-bottom:1rem;grid-row-end:3;grid-column:1;align-items:end;z-index:3}.contact-flex{display:flex;align-items:center;gap:.5rem}.contact-flex div{display:flex;flex-direction:column;gap:.2rem}.contact-avatar{width:50px;border-radius:50px}.contact-name{font-size:var(--fs-s);font-weight:500}.contact-company{font-size:var(--fs-xs)}.layout-home h3,.line-element--1{justify-self:center}.line-element--1{padding-bottom:2rem;width:80px}.card-testimonial{background-color:var(--color-white);max-width:200px;height:fit-content;border-radius:var(--border-radius);padding:2.5rem 2rem;display:grid;place-content:center;gap:1rem}.card-testimonial p{color:var(--color-darkindigo)}.card-testimonial span{color:var(--color-darkindigo);text-align:center;font-size:100px;height:10px}.testimonial-person{text-transform:uppercase;font-weight:300}.center{display:grid;place-content:center;justify-items:center}.card-testimonial--wrapper-text{border-bottom:1px solid var(--color-darkindigo);padding-bottom:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.card-testimonial--wrapper-text div p:nth-child(1){font-weight:200}.card-testimonial--wrapper-text div p:nth-child(2){font-weight:600}.playground-link--homepage{color:var(--color-white);text-decoration:none}.carousel{width:100vw;overflow:hidden;margin:0 auto;height:40vh;display:grid;align-content:center;background-image:url("data:image/svg+xml,%3csvg%20width='316'%20height='194'%20viewBox='0%200%20316%20194'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.1143%2030.7336L12.3291%2028.5209C13.0539%2027.2007%2014.6641%2026.6489%2016.0462%2027.2469V27.2469C17.4122%2027.838%2019.0092%2027.2974%2019.746%2026.0042V26.0042C20.4887%2024.7007%2022.0985%2024.1557%2023.4754%2024.7515V24.7515C24.8523%2025.3473%2026.4569%2024.8115%2027.1996%2023.508V23.508C27.9423%2022.2044%2029.5469%2021.6686%2030.9238%2022.2644V22.2644C32.3007%2022.8602%2033.9053%2022.3244%2034.648%2021.0209V21.0209C35.3907%2019.7173%2036.9953%2019.1815%2038.3722%2019.7773V19.7773C39.7491%2020.3731%2041.3537%2019.8373%2042.0964%2018.5338V18.5338C42.8391%2017.2302%2044.4437%2016.6944%2045.8206%2017.2902L48.2399%2018.337'%20stroke='%234A5375'%20stroke-width='3'/%3e%3cpath%20d='M1.83204%20148L3.11367%20150.976C3.87829%20152.752%205.86835%20153.654%207.70761%20153.059V153.059C9.52531%20152.47%2011.4999%20153.357%2012.2832%20155.099V155.099C13.0728%20156.856%2015.0632%20157.749%2016.8954%20157.156V157.156C18.7277%20156.563%2020.7125%20157.444%2021.5021%20159.2V159.2C22.2917%20160.957%2024.2766%20161.838%2026.1088%20161.245V161.245C27.9411%20160.652%2029.926%20161.533%2030.7155%20163.29V163.29C31.5051%20165.046%2033.49%20165.927%2035.3222%20165.334V165.334C37.1545%20164.741%2039.1394%20165.622%2039.9289%20167.379V167.379C40.7185%20169.135%2042.7034%20170.016%2044.5356%20169.423L47.755%20168.381'%20stroke='white'%20stroke-width='3'/%3e%3cpath%20d='M120.662%20147.794C119.919%20147.429%20119.02%20147.735%20118.654%20148.478C118.288%20149.221%20118.595%20150.12%20119.338%20150.486L120%20149.14L120.662%20147.794ZM122.732%20150.484L122.069%20151.83L122.732%20150.484ZM166.643%20135.516C166.376%20134.732%20165.523%20134.313%20164.739%20134.58L151.962%20138.94C151.178%20139.207%20150.76%20140.059%20151.027%20140.844C151.295%20141.628%20152.147%20142.046%20152.931%20141.779L164.288%20137.904L168.163%20149.261C168.431%20150.045%20169.283%20150.464%20170.067%20150.196C170.851%20149.929%20171.27%20149.077%20171.002%20148.292L166.643%20135.516ZM120%20149.14L119.338%20150.486L122.069%20151.83L122.732%20150.484L123.394%20149.138L120.662%20147.794L120%20149.14ZM122.732%20150.484L122.069%20151.83C138.546%20159.935%20158.474%20153.143%20166.57%20136.661L165.224%20136L163.877%20135.339C156.512%20150.332%20138.383%20156.512%20123.394%20149.138L122.732%20150.484Z'%20fill='white'/%3e%3ccircle%20cx='56'%20cy='36'%20r='6'%20fill='white'/%3e%3ccircle%20cx='189.7'%20cy='173.081'%20r='5.5'%20transform='rotate(-62.7476%20189.7%20173.081)'%20fill='%234A5375'%20stroke='%234A5375'/%3e%3ccircle%20cx='307.371'%20cy='160.362'%20r='5.5'%20transform='rotate(54.7966%20307.371%20160.362)'%20fill='%234A5375'%20stroke='%234A5375'/%3e%3ccircle%20cx='266.875'%20cy='15.3615'%20r='5.5'%20transform='rotate(54.7966%20266.875%2015.3615)'%20fill='white'%20stroke='%234A5375'/%3e%3ccircle%20cx='40'%20cy='39'%20r='2.5'%20fill='%234A5375'%20stroke='%234A5375'/%3e%3ccircle%20cx='185.041'%20cy='189.041'%20r='3'%20transform='rotate(-62.7476%20185.041%20189.041)'%20fill='white'/%3e%3ccircle%20cx='295.696'%20cy='149.181'%20r='2.5'%20transform='rotate(54.7966%20295.696%20149.181)'%20fill='white'%20stroke='%234A5375'/%3e%3ccircle%20cx='255.2'%20cy='4.18077'%20r='3'%20transform='rotate(54.7966%20255.2%204.18077)'%20fill='white'/%3e%3ccircle%20cx='291.181'%20cy='159.685'%20r='1.42683'%20transform='rotate(54.7966%20291.181%20159.685)'%20fill='white'%20stroke='%234A5375'/%3e%3ccircle%20cx='250.685'%20cy='14.6852'%20r='1.42683'%20transform='rotate(54.7966%20250.685%2014.6852)'%20fill='%234A5375'%20stroke='%234A5375'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.track{display:flex;animation:slide 40s infinite}.track h4{flex:0 0 100vw;text-align:center;font-size:var(--step--4);font-weight:500;color:var(--color-white)}.card-testimonial p{font-size:15px;font-weight:400}@keyframes slide{0%{transform:translate(0)}3%{transform:translate(0)}6%{transform:translate(-100vw)}9%{transform:translate(-100vw)}12%{transform:translate(-200vw)}15%{transform:translate(-200vw)}18%{transform:translate(-300vw)}21%{transform:translate(-300vw)}24%{transform:translate(-400vw)}27%{transform:translate(-400vw)}30%{transform:translate(-500vw)}33%{transform:translate(-500vw)}36%{transform:translate(-600vw)}39%{transform:translate(-600vw)}42%{transform:translate(-700vw)}45%{transform:translate(-700vw)}48%{transform:translate(-800vw)}51%{transform:translate(-800vw)}54%{transform:translate(-900vw)}57%{transform:translate(-900vw)}60%{transform:translate(-1000vw)}63%{transform:translate(-1000vw)}66%{transform:translate(-1100vw)}69%{transform:translate(-1100vw)}72%{transform:translate(-1200vw)}75%{transform:translate(-1200vw)}78%{transform:translate(-1300vw)}81%{transform:translate(-1300vw)}84%{transform:translate(-1400vw)}87%{transform:translate(-1400vw)}90%{transform:translate(-1500vw)}93%{transform:translate(-1500vw)}to{transform:translate(-1600vw)}}.latest-project--grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:1rem;max-width:100%;box-sizing:border-box}.latest-project--grid img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--border-radius)}.latest-project--img{grid-column:2;grid-row:1 / span 2}.latest-project--img2{grid-column:1;grid-row:2 / span 2}.latest-project--text2{grid-column:2;grid-row:3}.latest-project--text2,.latest-project--text{padding:1rem;border:1px solid var(--color-dof);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:1rem}.latest-project--title{text-transform:uppercase;color:var(--color-dof);font-size:var(--fs-s)}.latest-project--text2 p,.latest-project--text p{font-weight:600;font-size:var(--fs-s)}.project-date{margin-bottom:1rem;font-weight:300}.project-button--wrapper{display:grid;place-content:center;grid-template-columns:repeat(2,max-content);margin-top:1.5rem}.playground{display:grid;align-items:center}.playground-text{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(fit-content 1fr);gap:.5rem}.playground img,.playground-text{grid-column:1;grid-row:1}.playground-text img{max-width:40px;grid-column:2;grid-row:2;place-self:flex-end}.playground-text span{text-transform:uppercase;font-size:var(--fs-s);opacity:.5}.playground-text p{font-weight:600;font-size:var(--fs-m);grid-column:1 /span 2;grid-row:2}.playground p{max-width:20ch}.testimonials--link{display:none;padding:.8rem 1.2rem;border:3px solid var(--color-orange);border-radius:50px;width:fit-content}@media (min-width:500px){.playground{display:none}}@media (min-width:768px){.hero video{width:100%}.hero video img{width:100%}.contact-button--home{display:none}.contact-avatar{width:80px}.contact-name{font-size:var(--fs-m)}.contact-company{font-size:var(--fs-s)}.latest-project--grid{display:grid;gap:1rem;max-width:100%}.latest-project--grid img{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius)}.project-button--wrapper{padding-top:2rem}}@media (min-width:1240px){.latest-project--grid{display:flex;gap:1rem;max-width:100%;height:400px}.latest-project--grid img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.playground p{font-size:3rem}.playground span{font-size:2rem}.hero{grid-template-columns:repeat(2,1fr);grid-template-rows:fit-content;justify-items:left}.grid-item--1{grid-column:1;grid-row:2}.hero video{width:70%;grid-column:1 /span 2;grid-row:1 /span 3;place-self:end;margin-top:-250px}.hero video img{width:70%}.contact-wrapper{width:fit-content;height:fit-content;grid-row:3;margin-bottom:10rem}h1{text-align:left;max-width:8ch}.testimonials--link{display:block;grid-row:1;grid-column:1;height:fit-content}.testimonials--link,.grid-item--1,.contact-wrapper{margin-left:10rem}.tagline{margin-top:-120px}.contact-flex{gap:1rem}}body.no-scroll{overflow:hidden;height:100vh;width:100%}nav{position:fixed;width:-webkit-fill-available;padding:1rem;z-index:100;display:flex;height:auto;flex-direction:column;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:.5s ease-in-out;background-color:#040927}nav.menu-open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:1s ease-in-out;height:100%}nav:has(ul.open){background:transparent}nav ul{display:flex;justify-content:space-between;width:100%}nav ul:last-child{width:100%;flex-basis:100%}nav ul li{margin-bottom:0;text-align:right;padding:.5em;width:fit-content}nav input[type=checkbox],nav label{display:none}nav label{text-align:right;display:block;line-height:1.6em;align-self:center}input[type=checkbox]:not(:checked)+ul{display:none}.list-item--hamburger{display:flex}label svg rect{fill:#fff;transition:all .4s ease;transform-origin:10px 50%}label.active svg rect:nth-child(1){transform:translate(-26px) rotate(45deg)}label.active svg rect:nth-child(2){opacity:0}label.active svg rect:nth-child(3){transform:translate(-20px) translateY(12px) rotate(-45deg)}nav ul:last-child{display:none;width:100%;flex-basis:100%}.menu-logo{width:100px}.nav-link{text-decoration:none;color:var(--color-white);font-family:var(--font-family);font-weight:600;font-size:2.5rem;text-transform:uppercase;filter:drop-shadow(0 0 2rem var(--color-darkindigo))}.nav-link:hover{background:linear-gradient(90deg,var(--color-orange),var(--color-purple),var(--color-blue));transition:1s ease-in-out}.menu-links{display:flex;flex-direction:column;justify-content:start;padding-top:3rem;gap:2rem;width:100%;opacity:0;pointer-events:none}.menu-links.open{opacity:1;pointer-events:auto}.menu-links li{opacity:0;transform:translateY(20px);animation:fadeSlideIn .5s forwards;animation-delay:var(--delay)}.navbar-button,.navbar-middletext{display:none}.navbar-width--ul{display:flex;gap:4rem;align-items:center}.navbar-width--li{color:var(--color-white);text-decoration:none;font-size:var(--step--7)}.navbar-width--li:hover{opacity:.2;transition:.2s ease-in-out}.navbar-width--li ion-icon{font-size:1.5rem;width:1.5rem;height:1.5rem}.navbar-width--li{text-decoration:none;transition:color .2s ease}.navbar-width--li.active{opacity:.2;cursor:default}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}@media (min-width:768px){nav{flex-direction:row;background-color:transparent;justify-content:space-between;align-items:center}nav input[type=checkbox],nav label{display:none}nav ul{width:fit-content}.navbar-middletext{display:block}.navbar-button{display:block;width:fit-content}.bold-nav--light{font-weight:400}.bold-nav--medium{font-weight:600}.hero{padding:8rem 0 0}.navbar{padding:2rem}}.menu-logobig{width:200px}.footer{display:grid;place-items:center;gap:4rem;padding:3rem}.footer ul{text-align:center;line-height:2}.footer ul li{font-size:var(--fs-s)}.gradient{background:linear-gradient(90deg,var(--color-blue),var(--color-orange),var(--color-purple));filter:drop-shadow(0 0 .75rem var(--color-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding:.5em 0}.footer-light{color:var(--color-darkindigo);display:grid;place-items:center;gap:4rem;padding:3rem}.footer-light ul{text-align:center;line-height:2}.footer-link{text-decoration:none;color:var(--color-white)}.footer-link--light{text-decoration:none;color:var(--color-darkindigo)}.footer-light ul li{font-size:var(--fs-s)}.menu-logobig-light{width:150px}@media (min-width:1082px){.footer-line{display:none}.footer ul,.footer-light ul{text-align:left;line-height:4;display:flex;align-items:center;gap:5rem}.menu-logobig,.menu-logobig-light{display:block;margin-right:10rem}.footer,.footer-light{display:flex;flex-direction:row-reverse;padding-bottom:10rem;border-top:5px dotted var(--color-dof)}}.about{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.layout-about--top{overflow:hidden;padding:0}.about-grid{padding:7rem 1rem 1rem;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:1rem;justify-items:start;align-items:start;background:linear-gradient(169deg,#000e2e,#000411);width:100vw}.about-grid h2{color:var(--color-white)}.about-grid--img1,.about-grid--img2,.about-grid--img3{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius)}.about-grid h2{grid-column:1}.about-grid--img1{grid-row:2 /span 3;grid-column:2}.about-grid--img2{grid-row:3 /span 4;grid-column:1}.about-grid p{grid-column:1 /span 2;color:var(--color-dof);font-size:var(--fs-m)}.layout-about,.line-element--about{margin-top:1rem}.about-skillset--wrapper{background-color:#120b41;filter:drop-shadow(0 0 4rem rgba(49,22,170,.5));width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--border-radius);gap:2rem;padding:2rem;box-sizing:border-box}.skill-category{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.skill-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;list-style:none;padding:0;width:100%}.skill-item{display:flex;flex-direction:column;align-items:center;text-align:center}.skill-item img{width:50px;height:50px;object-fit:contain;margin-bottom:.5rem}.skill-img{width:100%}.skill-name{color:var(--color-dof)}.skill-category p{margin-bottom:1rem;font-weight:500}.about-list--wrapper{display:flex;flex-direction:column;gap:2rem}.about-list{display:grid}.about-list img{grid-row:1 /span 2;grid-column:2;width:40%}.about-list ul,.motivation-text{line-height:1.7;font-weight:300;color:var(--color-dof)}.about-list--title{margin-bottom:.5rem;color:var(--color-white);font-weight:500;font-size:var(--fs-m)}.brackets{font-weight:300}.about-intro--text button{margin-top:1rem}.note-about{background-color:#dfe2e5;border-radius:var(--border-radius);padding:1rem;gap:1rem;display:flex;color:var(--color-darkindigo);font-style:italic;color:#4b4b4b}.at-wrapper{background-color:var(--color-darkindigo);display:grid;place-content:center;border-radius:50px;align-self:end}.at{font-weight:500;padding:.5rem;font-size:var(--fs-h3);color:var(--color-white)}@media (min-width:768px){.about-grid{padding:9rem 3rem 3rem;box-sizing:border-box;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;align-items:start}.about-grid--img1,.about-grid--img2,.about-grid--img3{height:300px;object-fit:cover}.about-grid--img1{grid-row:3 /span 4;grid-column:1}.about-grid--img2{grid-row:2 /span 4;grid-column:2}.about-grid--img3{grid-column:3;grid-row:3 /span 4}.about-grid h2{grid-row:2}.about-grid p{grid-row:1;height:fit-content}.about-intro--text{display:grid;place-self:center;text-align:center;max-width:40ch;place-items:center;margin:2rem}.line-element--about{margin-bottom:2rem}.about-skillset--wrapper{width:fit-content}.about-list--wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem}.about-list{grid-row:1;display:grid;grid-template-rows:repeat(2,min-content);font-size:1.2rem}.note-about{grid-row:2;grid-column:1 /span 2}.motivation-text{font-size:1.2rem}}@media (min-width:1240px){.about-intro--text{display:grid;place-self:center;text-align:center;max-width:40ch;place-items:center;margin:5rem}}nav.navbar.navbar-light{background-color:#e2e3edb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.navbar.navbar-light .nav-link{color:var(--color-darkindigo);filter:none}.navbar.navbar-light label svg rect{fill:var(--color-darkindigo);transition:all .4s ease;transform-origin:10px 50%}nav ul:last-child.open{display:flex;flex-direction:column}@media (min-width:768px){nav.navbar.navbar-light{background-color:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}nav.navbar.navbar-light .navbar-middletext{color:var(--background-color-dark)}}.layout-playground{background-color:var(--background-color-light);padding-top:7rem;overflow:hidden}.keyboard{margin-bottom:0;width:max-content;place-self:center}.key{display:inline-block;transition:transform .2s;z-index:9;font-size:3rem}.playground-img{margin-top:-30px;z-index:10;filter:drop-shadow(0 30px 1rem rgba(4,2,35,.3))}.line-element--playground{max-width:100px}.layout-section--playground{display:flex;flex-direction:column;align-items:center;margin-top:2rem;gap:2rem}.layout-section--playground p{color:var(--color-darkindigo);max-width:23ch;text-align:center;font-size:var(--fs-s)}@keyframes pressDown1{30%,40%,to{transform:translateY(0)}35%{transform:translateY(10px)}}@keyframes pressDown2{70%,80%,to{transform:translateY(0)}75%{transform:translateY(10px)}}@keyframes pressDown3{30%,40%,to{transform:translateY(0)}35%{transform:translateY(10px)}}@keyframes pressDown4{40%,50%,to{transform:translateY(0)}45%{transform:translateY(10px)}}@keyframes pressDown5{20%,30%,to{transform:translateY(0)}25%{transform:translateY(10px)}}@keyframes pressDown6{60%,70%,to{transform:translateY(0)}65%{transform:translateY(10px)}}@keyframes pressDown7{10%,20%,to{transform:translateY(0)}15%{transform:translateY(10px)}}@keyframes pressDown8{35%,45%,to{transform:translateY(0)}40%{transform:translateY(10px)}}@keyframes pressDown9{35%,45%,to{transform:translateY(0)}40%{transform:translateY(10px)}}@keyframes pressDown10{10%,20%,to{transform:translateY(0)}15%{transform:translateY(10px)}}.key:nth-child(1){animation:pressDown1 2s infinite}.key:nth-child(2){animation:pressDown2 3s infinite}.key:nth-child(3){animation:pressDown3 4s infinite}.key:nth-child(4){animation:pressDown4 2.5s infinite}.key:nth-child(5){animation:pressDown5 2.5s infinite}.key:nth-child(6){animation:pressDown6 3.5s infinite}.key:nth-child(7){animation:pressDown7 2.2s infinite}.key:nth-child(8){animation:pressDown8 3.2s infinite}.key:nth-child(9){animation:pressDown9 3.2s infinite}.key:nth-child(10){animation:pressDown10 3.2s infinite}@media (min-width:768px){.playground-img{width:65%;place-self:center}.key{font-size:4rem}.layout-playground p{text-align:center;max-width:40ch}}@media (min-width:1240px){.playground-img{width:50%;place-self:center}}.card{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;box-sizing:border-box}.cover{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius);flex:1}h4{text-decoration:none;font-size:var(--fs-m);color:var(--color-darkindigo);margin:0}.categories{position:absolute;padding:.5rem}.category-item{text-decoration:none;color:var(--color-darkindigo);font-weight:500;border-radius:10px;background-color:#6e42fd45;color:var(--color-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.5rem .7rem;width:fit-content;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;white-space:normal}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));row-gap:1rem;column-gap:1rem;grid-auto-rows:220px;grid-auto-flow:dense;width:100%;padding:0rem;box-sizing:border-box}.project-grid-item{width:100%;height:100%}.project-grid-item.big{grid-column:span 2;grid-row:span 2}.project-grid-item.wide{grid-column:span 2}.project-grid-item.tall{grid-row:span 2}.project-grid-item{transform:scale(1);transition:transform .3s ease}.playground-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));row-gap:1rem;column-gap:1rem;grid-auto-rows:220px;grid-auto-flow:dense;width:100%;padding:0rem;box-sizing:border-box}.playground-grid-item{width:100%;height:100%}.playground-grid-item.big{grid-column:span 2;grid-row:span 2}.playground-grid-item.wide{grid-column:span 2}.playground-grid-item.tall{grid-row:span 2}.playground-grid-item{transform:scale(1);transition:transform .3s ease}@media (min-width:768px){.project-grid,.playground-grid{padding:2rem}}.layout-projects{background-color:var(--background-color-light);overflow:hidden;padding:7rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.filter-buttons{display:flex;gap:1rem;margin:1.5rem 0}.filter-buttons button{padding:.8rem 1.2rem;border-radius:50px;cursor:pointer;font-size:var(--fs-s);transition:all .2s ease;background-color:transparent;color:#9098af}.filter-buttons button.active,.filter-buttons button:hover{color:var(--color-white);background-color:var(--color-darkindigo)}.project-list--andbuttons{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){.layout-projects{padding-top:12rem}}.media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:2rem}.media-item{width:100%;height:100%}.media-borders{width:100%;height:auto;border-radius:12px;object-fit:cover;display:block}.layout-projects-detail{background-color:var(--background-color-light);overflow:hidden}.cover-img{width:100vw;height:250px;object-fit:cover;margin-left:-1rem;margin-right:-1rem;grid-row:1;grid-column:1}.first-text{margin-top:1rem;display:flex;flex-direction:column;color:var(--color-darkindigo);gap:.5rem}.description,.project-text,.note{padding-right:1rem;max-width:50ch}.h6-highlight{background:linear-gradient(90deg,var(--color-orange),var(--color-purple),var(--color-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:var(--step--5);font-weight:600;text-transform:uppercase;margin-top:2rem;margin-bottom:.5rem}.project-text{font-weight:300;color:#1b1e358b}.description{font-size:18px;border-left:5px solid rgb(4,8,45);padding-left:.5rem;margin-bottom:4rem}.note{margin-top:2rem;font-style:italic;font-weight:500;color:var(--color-purple)}.links-list{display:flex;gap:2rem;align-items:center;margin-top:3rem}.links-list--item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.2rem;text-decoration:none;color:var(--color-darkindigo);font-size:3rem}.links-list--item:hover,.links-list--item:active{color:var(--color-purple);cursor:pointer}.back-btn{font-weight:500;filter:drop-shadow(0 0 .75rem rgba(5,1,35,.2))}.top-actions{display:flex;margin-top:1rem;gap:1rem;grid-row-start:1;grid-column:1;height:fit-content;align-self:end;padding-bottom:1rem;justify-content:space-between}.share-btn{font-weight:600;filter:drop-shadow(0 0 .75rem rgba(5,1,35,.2))}.cover-wrapper{display:grid}.share-btn,.back-btn:hover{cursor:pointer}@media (min-width:768px){.first-text{padding:3rem;margin-top:3rem}.project-grid,.playground-grid{width:90vw;margin-bottom:3rem}}@media (min-width:1082px){.first-text{padding:3rem;display:grid;gap:3rem}.media-gallery{grid-column:2;grid-row:1;margin-top:0}.description{margin-bottom:5rem}h6{grid-column:1 /span 2}.subtitle{margin-top:3rem}}