@charset "UTF-8";:root{--light-color: #ffffff;--light-color-rgb: 221, 242, 253;--light2-color: #f5f5f7;--light2-color-rgb: 2, 21, 38;--foreground-color: #1d1d1f;--bars-gap: 5px;--bar-width: 30px;--bar-height: 4px;--transition-timing: .3s cubic-bezier(.4, 0, .2, 1);--menu-height: 22px ;--font-primary: Manrope, sans-serif}:root.dark-theme{--light-color: #161617;--light-color-rgb: 60, 61, 55;--light2-color: #1d1d1f;--light2-color-rgb: 30, 32, 30;--foreground-color: #F5F5F0}*,*:after,*:before{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}html{font-size:62.5%;overflow-x:hidden;background-color:var(--light-color);color:var(--foreground-color);scroll-behavior:smooth;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}html.dark-theme a.active{color:#fff;background-color:#0171e3}body{font-family:Manrope,sans-serif;font-weight:600;margin:0;padding:0;overflow-x:hidden;background-color:transparent;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}body.no-vertical-scroll{overflow-y:hidden;overscroll-behavior-y:contain}body.disable-scroll{position:fixed;top:0;left:0;right:0;width:100%;overflow:hidden;touch-action:none}body a{-webkit-tap-highlight-color:transparent;text-decoration:none}span.copy-right{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:1rem;color:var(--foreground-color);opacity:.6}section.section,article.section{transition:background-color .5s ease-in-out}section.light-section,article.light-section{color:var(--foreground-color)}a.button{font-size:clamp(1.4rem,1rem + .8vw,1.8rem);color:#f5f5f0}p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem)}h1{font-size:clamp(3.8rem,1rem + 4vw,6rem)}h2{font-size:clamp(2.5rem,1rem + 4vw,5rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}section,button,a.button{transition:all .35s cubic-bezier(.4,0,.2,1)}a.button{display:flex;width:60%;max-width:200px;padding:10px 20px;color:#f5f5f0;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;outline:none;font-size:clamp(1.4rem,1rem + .8vw,1.8rem);background-color:#161617e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}a.button:hover{background-color:#16161766;border-color:#ffffff80}a.button{transition:all .35s cubic-bezier(.4,0,.2,1)}a.button.highlight{border-color:#0171e3;background-color:#0171e3;color:var(--light-color)}a.button:hover{background-color:#16161766;border:.5px solid rgba(255,255,255,.35)}div.section-changer{display:flex;flex-direction:column;text-align:center;align-items:center;gap:15px;font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem);color:#1d1d1f;cursor:pointer;margin-top:50px;-webkit-tap-highlight-color:transparent;position:relative;z-index:2;pointer-events:auto}div.section-changer div{width:31px;height:17px;background-size:cover;background-position:bottom;background-image:url(/assets/icons/keyboard-arrow-down-dark.svg)}div.section-changer.section-changer-dark span{color:var(--foreground-color)}div.section-changer.section-changer-dark div{background-image:url(/assets/icons/keyboard-arrow-down-dark.svg)}div.section-changer:hover{opacity:.7}.dark-theme div.section-changer div{background-image:url(/assets/icons/keyboard-arrow-down-light.svg)}div.logo-container{display:none;opacity:1;transition:opacity var(--transition-timing)}div.logo-container img{width:4rem;height:4rem}div.logo-container.hidden{opacity:0}button.radio-button{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:50%;background:var(--foreground-color);cursor:pointer;opacity:.3;border:none;padding:0;transition:opacity .3s ease}button.radio-button.active{opacity:1}html.dark-theme header label.menu:before,html.dark-theme header label.menu:after,html.dark-theme header label.menu input{content:"";background-color:#f5f5f0}header{position:fixed;width:95%;top:2%;left:50%;transform:translate(-50%);background:#ffffff2e;border-radius:15px;backdrop-filter:blur(6px) saturate(180%);-webkit-backdrop-filter:blur(6px) saturate(180%);box-shadow:0 10px 25px #00000040,inset 0 1px 2px #ffffffb3,inset 0 -2px 6px #fff6;border:1px solid rgba(255,255,255,.35);z-index:1000;display:flex;justify-content:left;align-items:center;padding:10px 20px;opacity:1;transition:opacity .35s cubic-bezier(.4,0,.2,1),background-color .35s cubic-bezier(.4,0,.2,1)}header:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);border-radius:50%}header.hidden{opacity:0}header label.menu{--new-bars-width: calc(var(--menu-height) * 1.4);position:relative;display:flex;flex-direction:column;gap:var(--bars-gap);width:max-content;justify-content:center;align-items:center;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}header label.menu:before,header label.menu:after,header label.menu input{content:"";width:var(--bar-width);height:var(--bar-height);border-radius:10px;transform-origin:left center;transition:opacity var(--transition-timing),width var(--transition-timing),transform var(--transition-timing),background-color var(--transition-timing);background-color:#1d1d1f}header label.menu input{appearance:none;padding:0;margin:0;outline:none;pointer-events:none}header label.menu input:checked{opacity:0;width:0}header label.menu:has(input:checked):before{transform:rotate(45deg) translateY(calc(var(--bar-height) / -2));width:var(--new-bars-width)}header label.menu:has(input:checked):after{transform:rotate(-45deg) translateY(calc(var(--bar-height) / 2));width:var(--new-bars-width)}header label.menu:has(input:checked)~nav.menu-buttons-container{opacity:1}header label.menu:has(input:checked)~nav.menu-buttons-container a.menu-button{pointer-events:all}header label.menu:has(input:checked)~nav.menu-buttons-container label.darkmode-button-container{pointer-events:all}header.dark-theme label.menu:before,header.dark-theme label.menu:after,header.dark-theme label.menu input{background-color:#f5f5f0}header .menu-buttons-container{position:absolute;left:calc(var(--bar-width) + 25px);display:flex;gap:8px;justify-content:center;align-items:center;opacity:0;color:#1d1d1f;transition:opacity var(--transition-timing),color var(--transition-timing),border-color var(--transition-timing)}header .menu-buttons-container a.menu-button{display:flex;justify-content:center;align-items:center;border-radius:5px;font-size:1rem;width:40px;height:20px;pointer-events:none;color:#f5f5f0;background-color:#161617e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}header .menu-buttons-container a.menu-button:hover{background-color:#16161766;border-color:#ffffff80}header .menu-buttons-container a.menu-button img{width:40px;height:20px}header .menu-buttons-container a.menu-button.active{color:#f5f5f0;background-color:#0171e3e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}header .menu-buttons-container a.menu-button.active:hover{background-color:#0171e366;border-color:#ffffff80}header .menu-buttons-container label.darkmode-button-container{position:relative;display:flex;width:40px;height:20px;align-items:center;cursor:pointer;border-radius:25px;padding:5px 0;transition:background-color var(--transition-timing);outline:none;-webkit-tap-highlight-color:transparent;pointer-events:none}header .menu-buttons-container label.darkmode-button-container.brown-color{background-color:var(--foreground-color)}header .menu-buttons-container label.darkmode-button-container.light-color{background-color:var(--light-color)}header .menu-buttons-container label.darkmode-button-container input{position:absolute;left:-1px;top:calc(50% - 10.5px);appearance:none;width:15px;height:15px;border-radius:50%;transition:transform var(--transition-timing),background-color var(--transition-timing);z-index:2;cursor:pointer;outline:none;pointer-events:none;background-color:var(--light-color)}header .menu-buttons-container label.darkmode-button-container:after,header .menu-buttons-container label.darkmode-button-container:before{content:"";width:13px;height:13px;position:absolute;background-image:url(/assets/icons/theme-mode-icon.svg);background-size:cover;background-position:center;z-index:1;top:calc(50% - 6.5px)}header .menu-buttons-container label.darkmode-button-container:after{transform:rotate(180deg);right:2px}header .menu-buttons-container label.darkmode-button-container:before{left:2px}header .menu-buttons-container label.darkmode-button-container:has(input:checked){background-color:var(--light-color);border:solid 1px var(--foreground-color)}header .menu-buttons-container label.darkmode-button-container:has(input:checked) input{transform:translate(calc(100% + 3.5px));background-color:var(--foreground-color)}section.light-section,section.dark-section,article.light-section,article.dark-section{display:flex;flex-direction:column;align-items:center;min-height:100vh;text-align:center;padding:50px 20px;scroll-snap-align:start;transition:background-color .5s ease-in-out}section.section h1,section.section h2,section.section h3,section.section h4,section.section h5,section.section h6,section.section p,section.section span,section.section div,section.section img,section.section li,section.section ul,section.section dl,section.section dt,section.section dd,article.section h1,article.section h2,article.section h3,article.section h4,article.section h5,article.section h6,article.section p,article.section span,article.section div,article.section img,article.section li,article.section ul,article.section dl,article.section dt,article.section dd{transition:opacity 1s cubic-bezier(.4,0,.2,1)}section.section.hidden *,article.section.hidden *{opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1)}section.section.visible *:not(button.radio-button),article.section.visible *:not(button.radio-button){opacity:1}section.section.visible div.section-changer:hover,article.section.visible div.section-changer:hover{transition:opacity .2s ease-in-out;opacity:.3}section#home{justify-content:center}section#home.dark-theme span{color:var(--foreground-color)}section#home a.button.highlight{color:#f5f5f0}section#home div.main-welcome-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}section#home div.main-welcome-content-container h1{line-height:clamp(2.2rem,2.5rem + 5.5vw,6rem);font-weight:700;margin:30px 0;font-size:clamp(3.8rem,1rem + 4vw,6rem)}section#home div.main-welcome-content-container div.main-logo-banner-container{display:flex;align-items:center;width:fit-content;justify-content:center;gap:15px}section#home div.main-welcome-content-container div.main-logo-banner-container img.main-logo{opacity:0;z-index:2;animation:welcomeLogo .8s ease-in forwards}section#home div.main-welcome-content-container div.main-logo-banner-container div.banner-container{line-height:clamp(1.2rem,1.6rem + 4vw,50px)}section#home div.main-welcome-content-container div.main-logo-banner-container div.banner-container h2{transform:translate(100%);opacity:0;text-align:left;margin:0;font-size:clamp(2.5rem,1rem + 4vw,5rem);animation:bannerSlideIn 1s cubic-bezier(.68,-.55,.265,1.55) forwards}section#home div.main-welcome-content-container div.main-logo-banner-container div.banner-container h2:first-child{animation-delay:.3s}section#home div.main-welcome-content-container div.main-logo-banner-container div.banner-container h2:nth-child(2){animation-delay:.45s}@media screen and (min-width:560px){section#home div.main-welcome-content-container{flex-direction:row;flex-wrap:wrap;gap:10px}section#home div.main-welcome-content-container h1{text-align:left}}@media screen and (min-width:888px){section#home div.main-welcome-content-container{gap:50px}section#home div.buttons-container{margin:30px 0}}img.main-logo{display:inline-block;width:clamp(12rem,1rem + 4vw,18rem);height:clamp(12rem,1rem + 4vw,18rem);background-size:cover;background-position:center}@keyframes hrIn{0%{transform:translate(-190%)}to{transform:translate(0)}}h1{text-align:center;font-weight:400}div.buttons-container{display:flex;flex-direction:column;gap:5px;width:max-content}@media screen and (min-width:768px){div.buttons-container{flex-direction:row;width:320px;gap:10px;margin:10px 0}}section#projects{height:auto;text-align:center;padding:90px 40px 100px;background-color:var(--light2-color);color:#1d1d1f}section#projects p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem)}@media screen and (min-width:768px){section#projects p{text-align:center;padding:0 clamp(50px,50px + 25vw,150px)}}@media screen and (max-width:480px){section#projects p{text-align:justify}}section#projects .section-changer{margin-top:150px}section#projects div.project-cards-container{display:flex;flex-wrap:wrap;padding:0 40px;gap:25px;justify-content:center;align-items:center;width:100%;margin-bottom:140px}section#projects div.project-card{position:relative;aspect-ratio:16/10;width:85%;max-width:340px;min-width:280px;min-height:180px;margin-top:60px;cursor:pointer;-webkit-tap-highlight-color:transparent;perspective:800px;transform-style:preserve-3d}section#projects div.project-card .small-info-card{position:absolute;top:76%;left:calc(50% - 100px);display:flex;justify-content:center;align-items:center;width:200px;height:80px;flex-direction:column;color:#f5f5f0;background:#141e198c;border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.35);box-shadow:0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:opacity .3s ease;overflow:hidden}section#projects div.project-card .small-info-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);border-radius:50%}section#projects div.project-card .small-info-card:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent,rgba(255,255,255,.4))}section#projects div.project-card .small-info-card{animation-duration:.5s;animation-name:cardOut;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-play-state:paused;animation-fill-mode:forwards;perspective:60px;transform-style:preserve-3d}section#projects div.project-card .small-info-card h4,section#projects div.project-card .small-info-card h6,section#projects div.project-card .small-info-card p{margin:0;padding:0;width:100%;text-align:center;height:fit-content}section#projects div.project-card .small-info-card h4{font-size:1.4rem}section#projects div.project-card .small-info-card h6{font-size:1rem;font-style:italic;margin-bottom:5px;opacity:.9}section#projects div.project-card .small-info-card p{font-size:1.2rem;padding:0 5px;line-height:10px;opacity:.75}section#projects div.project-card .face{position:absolute;width:100%;height:100%;border-radius:10px;box-shadow:0 4px 4px #00000040;overflow:hidden;transform-style:preserve-3d;transition:transform .35s ease-in-out;transition-delay:var(--flip-delay, .25s);backface-visibility:hidden}section#projects div.project-card.flipped .face{transition-delay:0s}section#projects div.project-card .front{background-color:var(--light-color)}section#projects div.project-card .front img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0;z-index:10}section#projects div.project-card .back{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--light-color);transform:rotateY(180deg);opacity:0;visibility:hidden}section#projects div.project-card .back img{margin-bottom:5px}section#projects div.project-card .back a.card-button{width:60%;max-width:200px;padding:10px 0;font-size:clamp(1.4rem,1rem + .8vw,1.8rem);background-color:#1d1d1f}section#projects div.project-card .back a.card-button:first-of-type{margin-bottom:5px}section#projects div.project-card .back a.card-button:hover{transform:scale(1.05);border-color:#ffffff80}section#projects div.project-card.flipped .front{transform:rotateY(180deg)}section#projects div.project-card.flipped .back{transform:rotateY(360deg);visibility:visible;opacity:1}section#projects.dark-theme{color:var(--foreground-color)}section#projects.dark-theme div.project-card div.small-info-card p,section#projects.dark-theme div.project-card div.small-info-card h4,section#projects.dark-theme div.project-card div.small-info-card h6{color:var(--foreground-color)}section#projects.dark-theme span{color:var(--foreground-color)}section#abilities{color:var(--foreground-color);text-align:center;padding:80px 20px}section#abilities h3{font-size:clamp(2rem,1rem + 1vw,1.5rem)}section#abilities span{color:var(--foreground-color)}section#abilities p{max-width:480px}section#abilities p:last-child{text-align:left}div.icons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0}div.icon,a.icon{width:32px;height:32px;background-size:cover;-webkit-tap-highlight-color:transparent}div.js{background-image:url(/assets/icons/js-icon.svg)}div.react{background-image:url(/assets/icons/react-icon.svg)}div.r{background-image:url(/assets/icons/r-icon.svg)}div.c{background-image:url(/assets/icons/c-icon.svg)}div.python{background-image:url(/assets/icons/python-icon.svg)}div.cpp{background-image:url(/assets/icons/cpp-icon.svg)}div.java{background-image:url(/assets/icons/java-icon.svg)}div.scss{background-image:url(/assets/icons/scss-icon.svg)}div.css{background-image:url(/assets/icons/css-icon.svg)}div.html{background-image:url(/assets/icons/html-icon.svg)}div.figma{background-image:url(/assets/icons/figma-icon.svg)}article.project-info,section.project-info{position:relative;padding:120px 20px 100px;transition:background-color .5s ease-in-out}article.project-info p,section.project-info p{font-size:clamp(1rem,1.2rem + 1.1vw,1.8rem)}article.project-info#svq,section.project-info#svq{padding-bottom:120px}article.project-info h1,section.project-info h1{margin-top:0;margin-bottom:40px;color:var(--foreground-color);line-height:clamp(30px,1.2rem + 9vw,50px)}article.project-info span.copy-right,section.project-info span.copy-right{text-align:center;color:var(--foreground-color)}article.project-info p,section.project-info p{max-width:680px;margin:30px 0;text-align:justify}article.project-info a.button,section.project-info a.button{width:60%;max-width:200px;margin:30px 0;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#0171e3}article.project-info a.button:hover,section.project-info a.button:hover{transform:scale(1.05);border-color:#ffffff80}article.project-info a.button:nth-of-type(2),section.project-info a.button:nth-of-type(2){margin:30px}article.project-info .img-presentator-container,section.project-info .img-presentator-container{position:relative;display:flex;width:100%;max-width:800px;justify-content:space-between;align-items:center;height:auto;margin:20px 0 5px}article.project-info button.arrow,section.project-info button.arrow{display:none;background:none;border:none;padding:0;margin:0;cursor:pointer;outline:none;width:32px;height:32px;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-tap-highlight-color:transparent;background-image:url(/assets/icons/keyboard-arrow-down-brown.svg)}article.project-info button.left-arrow,section.project-info button.left-arrow{transform:rotate(90deg)}article.project-info button.right-arrow,section.project-info button.right-arrow{transform:rotate(-90deg)}article.project-info .images-wrapper,section.project-info .images-wrapper{display:flex;aspect-ratio:16/9;height:auto;min-width:280px;max-width:600px;min-height:160px;max-height:360px;box-shadow:0 4px 4px #00000040;border-radius:10px;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}article.project-info .images-wrapper::-webkit-scrollbar,section.project-info .images-wrapper::-webkit-scrollbar{display:none}article.project-info .images-wrapper img.img,section.project-info .images-wrapper img.img{flex-shrink:0;width:100%;height:100%;scroll-snap-align:start;pointer-events:none}article.project-info .radio-buttons-container,section.project-info .radio-buttons-container{display:flex;justify-content:center;width:100%;margin-top:15px;margin-bottom:30px;gap:10px}article.project-info div#fullscreen,section.project-info div#fullscreen{margin:30px 0}article.project-info .video-container,section.project-info .video-container{position:relative;border-radius:10px;box-shadow:0 4px 4px #00000040;z-index:1;transition:width .3s ease-out,height .3s ease-out}article.project-info .video-container.small,section.project-info .video-container.small{aspect-ratio:16/9;height:auto;max-width:680px;max-height:340px;min-width:280px;min-height:160px;transition:width .3s ease-in-out,height .3s ease-in-out,box-shadow 1.5s ease-in-out}article.project-info .video-container.max-width,section.project-info .video-container.max-width{width:100%;height:100%;box-shadow:0 0 #0000;transition:width .3s ease-out,height .3s ease-out,box-shadow 0s}article.project-info .video-container.max-width .screen-control-container,section.project-info .video-container.max-width .screen-control-container{bottom:35px}article.project-info .video-container video,section.project-info .video-container video{width:100%;height:100%;border-radius:10px;object-fit:cover;transition:width .3s ease-out,height .3s ease-out}article.project-info .video-container .controls,section.project-info .video-container .controls{position:absolute;z-index:2;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;background-image:url(/assets/icons/play-circle-icon.svg);background-size:cover;opacity:.5;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .35s ease-out}article.project-info .video-container .controls.playing,section.project-info .video-container .controls.playing{background-image:url(/assets/icons/pause-circle-icon.svg);opacity:0}article.project-info .video-container .controls.paused,section.project-info .video-container .controls.paused{background-image:url(/assets/icons/play-circle-icon.svg);opacity:.5}article.project-info .video-container .controls.show,section.project-info .video-container .controls.show{opacity:.5}article.project-info .video-container .screen-control-container,section.project-info .video-container .screen-control-container{position:absolute;display:flex;justify-content:flex-end;align-items:flex-end;bottom:10px;width:32px;height:32px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .35s ease-out;z-index:1}article.project-info .video-container .screen-control-container .screen-control,section.project-info .video-container .screen-control-container .screen-control{background-size:cover;width:18px;height:18px}article.project-info .video-container .screen-control-container.playing,section.project-info .video-container .screen-control-container.playing{opacity:0;pointer-events:none}article.project-info .video-container .screen-control-container.show,section.project-info .video-container .screen-control-container.show{opacity:.5;pointer-events:all}article.project-info .video-container .screen-control-container.maximize .screen-control,section.project-info .video-container .screen-control-container.maximize .screen-control{background-image:url(/assets/icons/maximize-icon.svg)}article.project-info .video-container .screen-control-container.maximize,section.project-info .video-container .screen-control-container.maximize{right:8px}article.project-info .video-container .screen-control-container.max-width .screen-control,section.project-info .video-container .screen-control-container.max-width .screen-control{background-image:url(/assets/icons/max-width-icon.svg)}article.project-info .video-container .screen-control-container.max-width,section.project-info .video-container .screen-control-container.max-width{right:35px}article.project-info .video-container .screen-control-container.min-width .screen-control,section.project-info .video-container .screen-control-container.min-width .screen-control{background-image:url(/assets/icons/less-width.svg)}article.project-info .video-container .screen-control-container.min-width,section.project-info .video-container .screen-control-container.min-width{right:35px}article.project-info .video-bottom,section.project-info .video-bottom{display:flex;width:100%;height:auto;justify-content:space-around;align-items:center;gap:5px;margin-top:5px}article.project-info .video-duration-bar,section.project-info .video-duration-bar{position:relative;width:85%;height:6px;border-radius:3px;background-color:#00000040}article.project-info .video-progress-bar,section.project-info .video-progress-bar{width:0;height:100%;background-color:#000;border-radius:5px;transition:width .2s linear}article.project-info .smallerControls,section.project-info .smallerControls{width:16px;height:16px;background-image:url(/assets/icons/play-icon.svg);background-size:cover;cursor:pointer;-webkit-tap-highlight-color:transparent}article.project-info .smallerControls.playing,section.project-info .smallerControls.playing{background-image:url(/assets/icons/pause-icon.svg)}article.project-info .smallerControls.paused,section.project-info .smallerControls.paused{background-image:url(/assets/icons/play-icon.svg)}article.project-info .time,section.project-info .time{font-size:1rem}article.project-info.dark-theme button.arrow,section.project-info.dark-theme button.arrow{background-image:url(/assets/icons/keyboard-arrow-down-light-color.svg)}article.project-info.dark-theme .video-container .video-bottom .video-duration-bar,section.project-info.dark-theme .video-container .video-bottom .video-duration-bar{background-color:#d6d6d64d}article.project-info.dark-theme .video-container .video-bottom .video-duration-bar .video-progress-bar,section.project-info.dark-theme .video-container .video-bottom .video-duration-bar .video-progress-bar{background-color:#d6d6d6}article.project-info.dark-theme .video-container .video-bottom .smallerControls.playing,section.project-info.dark-theme .video-container .video-bottom .smallerControls.playing{background-image:url(/assets/icons/pause-icon-gray.svg)}article.project-info.dark-theme .video-container .video-bottom .smallerControls.paused,section.project-info.dark-theme .video-container .video-bottom .smallerControls.paused{background-image:url(/assets/icons/play-icon-gray.svg)}@media screen and (min-width:440px){article.project-info button.arrow,section.project-info button.arrow{display:inline-block}article.project-info button.arrow.disabled,section.project-info button.arrow.disabled{opacity:.3;pointer-events:none}}html.dark-theme section#contact p,html.dark-theme section#contact span{color:#f5f5f0}html.dark-theme section#contact a.wa{background-image:url(/assets/icons/whatsapp-icon-light.svg)}html.dark-theme section#contact a.mail{background-image:url(/assets/icons/mail-icon-light.svg)}html.dark-theme section#contact a.instagram{background-image:url(/assets/icons/instagram-icon-light.svg)}html.dark-theme section#contact a.github{background-image:url(/assets/icons/github-icon-light.svg)}section#contact{position:relative;padding:120px 20px 100px;justify-content:center;background-color:var(--light2-color);min-height:100vh;color:#1d1d1f}section#contact img.contact-card-big{width:10vw;min-width:100px;max-width:160px;margin:20px 0;transition:opacity 1s cubic-bezier(.4,0,.2,1)}section#contact.dark-section p,section#contact.dark-section span{color:#1d1d1f}section#contact .icons-container{gap:20px}section#contact .icons-container a.icon{transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s cubic-bezier(.4,0,.2,1)}section#contact .icons-container a.icon:hover{transform:scale(1.15) translateY(-3px);filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}section#contact p:first-child{line-height:50px}section#contact a.wa{background-image:url(/assets/icons/whatsapp-icon-dark.svg)}section#contact a.mail{background-image:url(/assets/icons/mail-icon-dark.svg)}section#contact a.instagram{background-image:url(/assets/icons/instagram-icon-dark.svg)}section#contact a.github{background-image:url(/assets/icons/github-icon.svg)}section#last-part{position:relative;background-color:var(--light2-color);color:#1d1d1f;padding:50px 20px 80px;justify-content:center}section#last-part h3{font-size:clamp(2rem,1rem + 1vw,1.5rem);transition:opacity 1s cubic-bezier(.4,0,.2,1)}section#last-part div.main-logo-banner-container{display:flex;align-items:center;width:fit-content;justify-content:center;gap:15px;margin:30px 0}section#last-part div.main-logo-banner-container div.banner-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:clamp(2rem,2rem + 2vw,5rem)}section#last-part div.main-logo-banner-container h2{margin:0}section#last-part div.main-logo-banner-container img.main-logo{width:clamp(80px,60px + 5vw,180px);transition:opacity 1s cubic-bezier(.4,0,.2,1)}section#last-part span{color:#1d1d1f}section#last-part div.section-changer.section-changer-dark.home div{transform:rotate(180deg)}section#last-part.dark-theme{color:var(--foreground-color)}section#last-part.dark-theme div.section-changer.section-changer-dark.home span{color:var(--foreground-color)}section#last-part.dark-theme span{color:#f5f5f0}@keyframes cardOut{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate3d(0,25px,200px) scale(1.1,.6);opacity:.4}to{transform:translate3d(calc(100% + 220px),25px,200px) scale(1.1,.6);opacity:0}}@keyframes loading{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translateY(1vw) scale(1.5) rotate(180deg)}66%{transform:translate(0) scale(1) rotate(360deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes fadeOut{0%{transform:translate(-50%,-50%) scale(1)}50%{background-color:var(--light-color)}to{transform:translate(-50%,-50%) scale(100);background-color:var(--light-color)}}@keyframes welcomeLogo{0%{opacity:0;transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(10px) rotate(180deg) scale(1.5)}50%{transform:translateY(20px) rotate(360deg) scale(1.75)}75%{transform:translateY(10px) rotate(540deg) scale(1.5)}to{opacity:1;transform:translateY(0) rotate(720deg) scale(1)}}@keyframes bannerSlideIn{0%{transform:translate(100%) skew(15deg);opacity:0}60%{transform:translate(-2.5%) skew(0)}80%{transform:translate(5%) skew(0)}to{transform:translate(0) skew(0);opacity:1}}@keyframes workTitleFadeIn{0%{opacity:0;transform:translateY(-30%)}to{transform:translateY(0);opacity:1}}section#about-page{position:relative;padding:120px 20px 100px;color:var(--foreground-color)}section#about-page h3{font-size:clamp(2rem,1rem + 1vw,1.5rem)}section#about-page a.button{padding:10px;width:50vw;max-width:160px;background-color:#0171e3}section#about-page a.button:hover{transform:scale(1.05);border-color:#ffffff80}section#about-page .about-hero .hero-inner{max-width:1100px;margin-left:auto;margin-right:auto;padding:8px 10px;display:grid;gap:28px;align-items:center;grid-template-columns:1fr;grid-template-areas:"title" "image" "text"}@media screen and (min-width:768px){section#about-page .about-hero .hero-inner{grid-template-columns:1fr auto;grid-template-areas:"title title" "text image"}}section#about-page .about-hero .hero-inner h1{grid-area:title;font-size:clamp(2.5rem,1rem + 4vw,5rem);text-align:center;margin:2.5rem auto;transform:translateY(-30%);animation:workTitleFadeIn 1s ease-out forwards;font-weight:700}section#about-page .about-hero .hero-text{grid-area:text;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;flex:1 1 380px;min-width:240px}section#about-page .about-hero .hero-text .tagline{padding:0 clamp(10px,5vw,50px)}section#about-page .about-hero .hero-text .buttons-container{flex-direction:row;margin:15px 0}@media screen and (min-width:768px){section#about-page .about-hero .hero-text p{text-align:justify}}section#about-page .about-hero .hero-media{grid-area:image;width:100%;max-width:30rem;margin:0 auto}section#about-page .about-hero .hero-media img{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:4rem;object-fit:cover;background:#e0e0e0;box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;transition:all .3s ease}section#about-page .about-hero .hero-media img:hover{box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff;transform:scale(1.02)}section#about-page .snapshot-block{max-width:900px;margin:40px auto;padding:0 10px}section#about-page .snapshot-block .snapshot{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:clamp(10px,2.5vw,15px);align-items:start;justify-items:stretch;grid-auto-rows:1fr}section#about-page .snapshot-block .snapshot .snap-item{display:flex;flex-direction:column;height:100%;justify-content:center;gap:8px;padding:10px;color:var(--foreground-color);border-radius:10px;background-color:rgba(var(--light2-color),.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section#about-page .snapshot-block .snapshot .snap-item:hover{background-color:rgba(var(--light2-color),.4);border-color:#ffffff80}section#about-page .snapshot-block .snapshot .snap-item{box-shadow:4px 4px 10px #16161726,-4px -4px 8px #ffffff14}section#about-page .snapshot-block .snapshot .snap-item dt{font-weight:600}section#about-page .snapshot-block .snapshot .snap-item dd{margin:0;opacity:.9}section#about-page .snapshot-block .snapshot .snap-item dt,section#about-page .snapshot-block .snapshot .snap-item dd{font-size:clamp(.5rem,1rem + 1vw,1.4rem)}@media(max-width:520px){section#about-page .snapshot-block .snapshot{grid-template-columns:1fr;gap:16px}}@media(min-width:900px){section#about-page .snapshot-block .snapshot{grid-template-columns:repeat(2,minmax(240px,1fr))}}section#about-page .about-story,section#about-page .process,section#about-page .highlights,section#about-page .contact-cta{max-width:900px;margin:18px auto;padding:0 10px}section#about-page .about-story h3{font-size:clamp(2rem,1rem + 1vw,1.5rem)}section#about-page .process ul{display:flex;flex-direction:column;gap:5px;list-style-type:none;padding-left:0}section#about-page .process ul li{text-align:left;font-size:clamp(.5rem,1rem + 1vw,1.4rem)}section#about-page .highlights .case{margin:12px 0;text-align:left}section#about-page .highlights .case h4{font-size:clamp(1.6rem,1rem + .8vw,1.3rem);margin-bottom:6px}section#about-page .highlights .case p{font-size:clamp(.5rem,1rem + 1vw,1.4rem);margin:6px 0 0;padding:0 20px 0 0;text-align:justify}section#about-page .highlights .case a{position:relative;display:inline-block;font-size:clamp(.5rem,1rem + 1vw,1.4rem);text-decoration:none;color:#0171e3;margin-top:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}section#about-page .highlights .case a:before{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;display:block;background-color:#0171e3;transition:all .3s cubic-bezier(.4,0,.2,1)}section#about-page .highlights .case a:hover{opacity:.6}section#about-page .highlights .case a:hover:before{width:100%}section#about-page .contact-cta{margin-top:28px;text-align:center}section#about-page .contact-cta .buttons-container{display:inline-flex;justify-content:center;align-items:center;width:auto;gap:12px;margin-top:12px}section#about-page .contact-cta .buttons-container button.transition-button.about.long{width:100%}section#about-page .contact-cta .buttons-container a.button{max-width:200px}@media screen and (max-width:600px){section#about-page .about-hero .hero-inner{gap:18px}section#about-page .hero-media{flex:0 0 160px}}html.dark-theme section#about-page .hero-media img{background:#0e0e0e;box-shadow:inset 8px 8px 16px #000000e6,inset -8px -8px 16px #ffffff14;transition:all .4s ease}html.dark-theme section#about-page .hero-media img:hover{box-shadow:inset 4px 4px 8px #000000e6,inset -4px -4px 8px #ffffff1f;transform:scale(1.01)}div.loader{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:var(--light-color);pointer-events:all}div.loader img{width:25vw;height:25vw;max-width:200px;animation-duration:1s;animation-name:loading;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running}button.transition-button{display:flex;justify-content:center;align-items:center;width:60%;max-width:200px;cursor:pointer;border-radius:5px;padding:10px 20px;color:#f5f5f0;background-color:var(--button-bg, #0171e3);border:1px solid rgba(255,255,255,.2);transform-origin:center center;font-size:clamp(1.4rem,1rem + .8vw,1.8rem);background-color:#0171e3e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}button.transition-button:hover{background-color:#0171e366;border-color:#ffffff80}button.transition-button{transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}button.transition-button:hover{transform:scale(1.05);border-color:#ffffff80}button.transition-button:active{transform:scale(.97)}button.transition-button.home{width:100%;max-width:none}button.transition-button.last-part{max-width:120px;margin-top:30px}button.transition-button.projectCard{padding:10px 0}button.transition-button.expand{position:fixed;top:50%;left:50%;border-radius:0;color:transparent;animation:fadeOut .5s ease-in-out forwards;z-index:9999}section.work-section{position:relative;display:flex;flex-direction:column;align-items:center;padding:120px 20px 100px}section.work-section h1{line-height:clamp(20px,1.2rem + 9vw,40px);transform:translateY(-30%);animation:workTitleFadeIn 1s ease-out forwards}section.work-section p{max-width:750px}section.work-section ul.projects-list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:40px;list-style-type:none;padding:0;transition:all .6s ease-in-out}section.work-section ul.projects-list li.project-item{position:relative;padding:20px;border:solid 1px var(--foreground-color);border-radius:8px;max-width:620px;max-height:0;overflow:hidden;cursor:pointer;transition:all .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.title-icon-container{display:flex;align-items:flex-start;justify-content:space-between}section.work-section ul.projects-list li.project-item div.main-info div.title-icon-container h2{max-width:360px;text-align:left;-webkit-user-select:none;user-select:none;margin:0 0 15px;font-size:clamp(2rem,1rem + 1vw,1.5rem)}@media screen and (min-width:560px){section.work-section ul.projects-list li.project-item div.main-info div.title-icon-container h2{max-width:440px}}section.work-section ul.projects-list li.project-item div.main-info div.title-icon-container img{width:2.2rem;height:2.2rem;transform:rotate(-90deg);transition:transform .2s ease;-webkit-user-select:none;user-select:none}section.work-section ul.projects-list li.project-item div.main-info div.tools{display:flex;gap:10px}section.work-section ul.projects-list li.project-item div.main-info div.tools div.tool{display:inline-block;-webkit-user-select:none;user-select:none}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.js-tool{padding:5px 10px;border-radius:5px;background-color:#f7df1ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.scss-tool{padding:5px 10px;border-radius:5px;background-color:#cc6699e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.html-tool{padding:5px 10px;border-radius:5px;background-color:#e34f26e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.react-tool{padding:5px 10px;border-radius:5px;background-color:#61dafbe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.swing-tool{padding:5px 10px;border-radius:5px;background-color:#a9b0bee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.java-tool{padding:5px 10px;border-radius:5px;background-color:#f8981de6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.py-tool{padding:5px 10px;border-radius:5px;background-color:#3776abe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.flet-tool{padding:5px 10px;border-radius:5px;background-color:#ee3167e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.selenium-tool{padding:5px 10px;border-radius:5px;background-color:#43b02ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.c-tool{padding:5px 10px;border-radius:5px;background-color:#a8b9cce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease;width:50px}section.work-section ul.projects-list li.project-item div.main-info div.tools .tool.css-tool{padding:5px 10px;border-radius:5px;background-color:#264de4e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.35);box-shadow:4px 4px 8px #16161759,-4px -4px 8px #ffffff14,0 10px 25px #00000040,inset 0 1px 1px #ffffffb3,inset 0 -2px 6px #fff6;transition:background-color .3s ease,border-color .3s ease}section.work-section ul.projects-list li.project-item.closed div.text-mockup-container div.text-button-container p{opacity:0}section.work-section ul.projects-list li.project-item.closed div.text-mockup-container img.mockup{opacity:0}section.work-section ul.projects-list li.project-item.closed button.work{opacity:0}section.work-section ul.projects-list li.project-item p{text-align:left;transition:all .3s ease}section.work-section ul.projects-list li.project-item div.text-button-container{max-width:70%}section.work-section ul.projects-list li.project-item div.text-button-container p{text-align:left;transition:all .3s ease;padding:15px 15px 25px 0;margin:0}section.work-section ul.projects-list li.project-item.open div.text-mockup-container div.text-button-container p{opacity:1}section.work-section ul.projects-list li.project-item.open div.text-mockup-container img.mockup{opacity:1}section.work-section ul.projects-list li.project-item.open div.main-info div.title-icon-container img{transform:rotate(0);opacity:.25}section.work-section ul.projects-list li.project-item.open button.work{opacity:1}section.work-section ul.projects-list li.project-item div.text-mockup-container{display:flex;align-items:center;justify-content:space-between;width:100%}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup{position:absolute;bottom:50%;right:0;transform:translate(50%);transition:opacity .3s ease}@media screen and (min-width:430px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup{transform:translateY(55%)}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.dronesim.mac{width:65vw;max-width:300px;right:-26%;transform:translateY(50%) rotate(-10deg)}@media screen and (min-width:520px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.dronesim.mac{right:-100px;width:60vw}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.leonti.iphone{width:35vw;max-width:215px;right:1%;transform:translateY(55%) rotate(-5deg)}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.cultural.iphone{width:35vw;max-width:120px;right:5px;transform:translateY(58%)}@media screen and (min-width:365px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.cultural.iphone{width:30vw;max-width:160px}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.scraper.mac{right:-18%;width:50vw;max-width:220px;transform:translateY(70%)}@media screen and (min-width:465px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.scraper.mac{right:-16%;max-width:240px}}@media screen and (min-width:650px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.scraper.mac{right:10px;max-width:210px}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.voice-maze.iphone{width:30vw;max-width:145px;transform:translateY(55%);right:2%}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.roomman.mac{width:55vw;right:-25%;max-width:220px;transform:translateY(65%)}@media screen and (min-width:550px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.roomman.mac{right:-15%;max-width:250px}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.iphone.batatabit{width:25vw;max-width:120px;right:2%;transform:translateY(60%)}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.mac.oceano-rosa{width:20vw;min-width:220px;max-width:320px;transform:translateY(60%);right:-95px}@media screen and (min-width:500px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.mac.oceano-rosa{right:-60px}}@media screen and (min-width:800px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.mac.oceano-rosa{right:-100px}}section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.iphone.tyc{width:35vw;transform:translateY(60%);max-width:145px;right:1%}@media screen and (min-width:500px){section.work-section ul.projects-list li.project-item div.text-mockup-container img.mockup.iphone.tyc{right:3%}}section.work-section ul.projects-list button.work{width:55vw;max-width:165px}@media screen and (min-width:570px){section.work-section ul.projects-list button.work{max-width:200px}}@font-face{font-family:Outward;src:url(/assets/fonts/fonts/outward/outward-block-webfont.woff2) format("woff2"),url(/assets/fonts/fonts/outward/outward-block-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Outward;src:url(/assets/fonts/fonts/outward/outward-borders-webfont.woff2) format("woff2"),url(/assets/fonts/fonts/outward/outward-borders-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Outward;src:url(/assets/fonts/fonts/outward/outward-round-webfont.woff2) format("woff2"),url(/assets/fonts/fonts/outward/outward-round-webfont.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@media screen and (min-width:360px){header{justify-content:space-between}div.logo-container{display:inline-block}div.hr{top:270px}}@media screen and (min-width:400px){button.arrow{display:inline-block}}