*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{color:#667781;font-family:Arial,sans-serif}.container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;scroll-snap-align:start;text-align:center}.section,.section:nth-child(odd){background:#fff;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.15) 1px,transparent 0);background-size:20px 20px}h1{margin-bottom:2rem;text-indent:-9999px}h1,h2{font-size:2rem}h2,p{margin-bottom:1rem}p{font-size:1.1rem;line-height:1.6;max-width:800px}#home>img{margin-bottom:2rem;max-width:90vw}#home ul{display:inline;list-style-type:none}#home ul>li{display:inline;margin:0 1rem 0 0}#home ul>li:not(:last-child):after{background-color:#667781;border-radius:50%;content:"";display:inline-block;height:10px;margin-left:1rem;width:10px}ul{list-style-type:none;max-width:800px;padding:0;text-align:left}li{font-size:1rem;margin-bottom:.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem;max-width:45rem;width:90vw}.tech{background-color:#e0e0e0;border-radius:20px;display:flex;flex-wrap:nowrap;font-weight:700;height:72px;padding:.5rem 1rem;width:72px}.tech>img{height:100%;width:100%}@media(max-width:768px){#home>img{transform:scale(.8)}#home ul{display:block;margin-top:1rem}#home ul>li{font-size:.8rem;margin:0 .5rem 0 0}#home ul>li:after{margin-left:.5rem}.tech-stack .tech{height:48px;padding:.25rem .5rem;width:48px}.tech-stack .mobile-optional{display:none}}.nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:10}.nav a{background-color:#667781;border-radius:50%;display:block;height:10px;margin:10px 0;transition:transform background-color;width:10px}.nav a.active{background-color:#ad353a;transform:scale(1.5)}#btnMsg{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5rem;padding:10px 20px;transition:background-color .3s}#btnMsg:hover{background-color:#555}#btnMsg:disabled{background-color:#aaa}.hidden{display:none!important}.contact-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;max-width:800px;width:100%}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:4px;color:#667781;margin-bottom:10px;padding:10px;width:100%}.contact-form textarea{resize:vertical}.contact-form button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.contact-form button:hover{background-color:#555}.contact-form button:disabled{background-color:#aaa}.carousel{height:280px;margin:0 auto;max-width:40rem;overflow:hidden;position:relative;width:90vw}.carousel,.carousel>div{align-items:center;display:flex;justify-content:center}.carousel>div{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);flex-direction:column;height:200px;left:50%;opacity:0;padding:2rem;pointer-events:none;position:absolute;text-align:center;top:50%;transition:all .6s cubic-bezier(.25,.46,.45,.94);width:320px;z-index:1}.carousel>div img{filter:grayscale(.3);margin-bottom:1rem;max-height:50%;max-width:80%;object-fit:contain;transition:filter .3s ease}.carousel>div p{color:#667781;font-size:.875rem;font-weight:400;letter-spacing:.02em;margin:0;opacity:.8}.carousel .carousel-center{background:#fff;border:none;box-shadow:0 8px 32px rgba(0,0,0,.12);opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);z-index:3}.carousel .carousel-center img{filter:grayscale(0)}.carousel .carousel-center p{font-weight:500;opacity:1}.carousel .carousel-left{transform:translate(-120%,-50%) scale(.95)}.carousel .carousel-left,.carousel .carousel-right{background:hsla(0,0%,100%,.9);box-shadow:0 4px 16px rgba(0,0,0,.08);filter:grayscale(.5);opacity:.25;pointer-events:auto;z-index:2}.carousel .carousel-right{transform:translate(20%,-50%) scale(.95)}.carousel .carousel-hidden{filter:grayscale(.6);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5);z-index:0}.recent{margin-top:1rem}[type=phone]{display:none}
/*# sourceMappingURL=styles.888fc4ae4d730e4fcfd6.css.map*/