body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}.snout-page{align-items:center;background-color:#141414;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1700px;padding:20px}.snout-header{margin-bottom:40px;text-align:center;width:100%}.snout-header img{border-radius:6px;height:auto;margin-top:100px;max-width:1200px;width:70%}.snout-page section{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin:5px 0;width:80%}.snout-page h1{font-size:3rem;margin-bottom:20px;text-align:center;width:100%}.snout-page h2{font-size:2.2rem;margin-bottom:10px;text-align:left}.snout-page p{font-size:1.08rem;line-height:1.6;max-width:550px;text-align:left}.snout-page .image-content{margin-top:40px;text-align:center;width:45%}.snout-page .image-content img{border-radius:6px;height:auto;max-width:100%}.snout-page .wireframe-p{width:100%}.wireframes-section{align-items:center;display:flex;flex-direction:column;margin:5px 0;width:100%}.wireframes-section .text-and-image{display:flex;gap:24px;justify-content:space-between;margin-top:20px;width:100%}.wireframes-section .image-wrapper{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.wireframes-section .image-content{margin:0 10px;text-align:center;width:50%}.wireframes-section .image-content img{height:auto;margin-bottom:30px;max-width:80%}.image-wrapper .image-carousel{display:flex;justify-content:center;margin-top:70px}.image-carousel{height:auto;width:100%}.text-and-carousel{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-top:60px}.image-carousel-wrapper{width:50%}.wireframe-p2{margin-right:28px;width:36%}@media (max-width:1024px){.snout-header img{margin-top:90px;width:85%}.snout-page section{width:88%}.snout-page h2{font-size:2rem}.snout-page p{font-size:1.02rem}.wireframes-section .image-content img{max-width:90%}}@media (max-width:768px){.snout-header img{border-radius:8px;margin-top:80px;width:100%}.snout-page section{align-items:center;flex-direction:column;gap:14px;width:92%}.snout-page h2{font-size:1.6rem;text-align:center}.snout-page p{font-size:.98rem;max-width:none;text-align:center;width:100%}.snout-page .image-content,.wireframes-section .image-content{margin-top:18px;width:100%!important}.snout-page .image-content img,.wireframes-section .image-content img{max-width:100%}.wireframes-section .text-and-image{align-items:center;flex-direction:column;text-align:center}.image-carousel-wrapper{width:100%}.text-and-carousel{align-items:center;flex-direction:column;margin-top:36px}.wireframe-p2{margin-right:0;margin-top:8px;text-align:center;width:100%}}@media (max-width:420px){.snout-page h2{font-size:1.45rem}.image-wrapper .image-carousel{margin-top:40px}}nav{align-items:center;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);background:#141414bf;border-bottom:1px solid #ffffff0f;box-sizing:border-box;height:60px;justify-content:space-between;padding:.85rem 1.25rem;position:fixed;top:0;width:100%;z-index:1000}nav,nav ul{display:flex}nav ul{gap:1rem;list-style:none;margin:0 0 0 auto;padding:0}nav ul li{margin:0}nav ul li a{color:#fff;cursor:pointer;font-size:1.1rem;text-decoration:none}nav .logo{font-size:1.5rem;font-weight:700}nav .logo a{color:#fff;text-decoration:none}@media (max-width:1024px){nav{height:56px;padding:.75rem 1rem}nav ul li a{font-size:1rem}}@media (max-width:768px){nav{height:54px;padding:.6rem .9rem}nav ul{gap:.75rem}nav ul li a{font-size:.98rem}}@media (max-width:420px){nav ul{gap:.6rem}nav ul li a{font-size:.94rem}}#about{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 60px);padding-top:10px;text-align:center}.about-container{border-radius:30px;box-sizing:border-box;margin:0 auto;max-width:800px;overflow:hidden;padding:80px;position:relative;width:100%}.about-container:before{animation:gradient-border 3s ease-in-out infinite;background:radial-gradient(circle at 12.3% 19.3%,#5558da 0,#5fd1f9 100.2%);background-size:300% 300%;border-radius:30px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:subtract;padding:5px;pointer-events:none;position:absolute;right:0;top:0}@keyframes gradient-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#about h1{font-size:3.5rem;margin-bottom:15px}#about p{font-size:1.2rem;margin-top:0}.ux-designer-tagline{margin:0 auto;max-width:600px;padding:0;width:65%}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientLoop 2s linear infinite;background:linear-gradient(270deg,#6882e2,#5fd1f9,#6882e2);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000}@keyframes gradientLoop{0%{background-position:0 50%}to{background-position:200% 50%}}.wave span{animation:wave-bounce .6s ease-out forwards;display:inline-block;opacity:0;transform:translateY(10px)}@keyframes wave-bounce{0%{opacity:0;transform:translateY(10px) scale(.95)}50%{opacity:1;transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.view-projects-button{box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:60px;overflow:hidden;padding:12px 22px;position:relative;text-decoration:none;transition:background 1s ease,transform .3s ease,box-shadow .3s ease}.view-projects-button:before{animation:gradient-border 3s ease-in-out infinite;background:radial-gradient(circle at 12.3% 19.3%,#5558da 0,#5fd1f9 100.2%);background-size:300% 300%;border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:subtract;padding:3px;pointer-events:none;position:absolute;right:0;top:0}.view-projects-button:hover:before{animation:none}.view-projects-button:hover,.view-projects-button:hover:before{background:radial-gradient(circle at 12.3% 19.3%,#5558da 0,#5fd1f9 100.2%)}.view-projects-button:hover{border-radius:10px;transform:scale(1.05)}@media (max-width:1024px){.about-container{max-width:720px;padding:60px 36px}#about h1{font-size:2.75rem}#about p{font-size:1.1rem}.ux-designer-tagline{max-width:640px;width:80%}}@media (max-width:768px){.about-container{margin:0 12px;max-width:600px;padding:42px 20px}.about-container,.about-container:before{border-radius:22px}#about h1{font-size:2.2rem}#about p{font-size:1.02rem;line-height:1.5}.ux-designer-tagline{max-width:none;width:92%}.view-projects-button{font-size:15px;margin-top:36px;padding:10px 18px}}@media (max-width:420px){#about h1{font-size:2rem}#about p{font-size:.98rem}}#projects{margin-top:0}#projects h1{font-size:3rem;font-weight:600;margin-bottom:20px;margin-top:0}#projects h2,#projects p{text-align:center}.project-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:1200px;padding-top:64px;width:90%}.project{background-color:#333;border-radius:10px;box-sizing:border-box;margin:0;max-width:420px;min-width:280px;padding:20px;text-align:left;width:30%}.project img{border-radius:8px;display:block;margin-bottom:10px;transition:transform .3s ease;width:100%}.project img:hover{transform:scale(1.03)}.project h2{margin-top:16px}.project p{margin:.5rem 0 20px}.project ul{padding-left:1.5rem}.project a{color:#61dafb;text-decoration:none}.project a:hover{text-decoration:underline}.tech-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:2px}.tech-button{background-color:#242222;border-radius:5px;color:#fff;font-size:.875rem;font-weight:500;padding:5px 10px;text-align:center;-webkit-user-select:none;user-select:none}@media (max-width:1024px){#projects h1{font-size:2.4rem}.project{width:45%}}@media (max-width:768px){.project-grid{gap:16px;padding-top:36px;width:92%}#projects h1{font-size:2rem}.project{min-width:0;width:100%}.project h2{font-size:1.2rem;margin-top:12px;text-align:center}.project p{font-size:.98rem;text-align:center}}@media (max-width:420px){.tech-buttons{gap:8px}.tech-button{font-size:.82rem;padding:4px 8px}}:root{--nav-offset:0px}@media (max-width:1024px){:root{--nav-offset:68px}}@media (max-width:768px){:root{--nav-offset:64px}}html{scroll-behavior:smooth}body{background-color:#141414;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}section{padding:100px 20px;scroll-margin-top:0;scroll-margin-top:var(--nav-offset);text-align:center}@media (max-width:1024px){section{padding:88px 18px}}@media (max-width:768px){section{padding:76px 14px}}
/*# sourceMappingURL=main.de7eb785.css.map*/