@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--main: #9E9E9E}.header-section{position:sticky;top:0;z-index:5;height:80px;display:flex;justify-content:center;align-items:center;background-color:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 6px #a7a7a70d;padding:0 30px}.header-wrap{width:1080px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#logo{text-decoration:none}.home-button{font-family:Poppins,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:24px}.nav-buttons{display:flex;align-items:center;gap:32px}.nav-button{font-family:Poppins,serif;font-weight:600;font-style:normal;font-size:16px;color:var(--main);text-decoration:none;transition:all .25s ease}.nav-text{margin:0 12px;text-decoration:none;font-weight:400;color:#303030;transition:all .25s ease}.nav-text:hover{background:-webkit-linear-gradient(#B175FE,#9CB2FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-button:hover{color:#303030}#resume-button{padding:.5em 1.5em;background:#eaeaea;border-radius:100px;border:3px solid transparent;transition:all .25s ease}#resume-button:hover{background:#303030;color:var(--main)}.menu-toggle{display:none;background:none;border:none;color:var(--main);font-size:32px;cursor:pointer;text-align:center}@media (max-width: 720px){.nav-buttons{display:none;flex-direction:column;height:100vh;width:100vw;background-color:#fffffff0;position:fixed;top:60px;right:0;padding-top:60px;border-radius:5px}.nav-buttons.open{display:flex}.menu-toggle{display:block}}.project-div{width:1080px;margin:0 20px;max-width:96%;padding:60px 0;display:flex;flex-direction:column;align-items:stretch;gap:24px}.tags{display:flex;gap:24px}.tag{padding:10px 20px;border-radius:20px}.tags .green{background-color:#e3f39b;color:#9bc65e}.tags .blue{background-color:#9cb2ff;color:#2a68fb}.tags .orange{background-color:#ffd69d;color:#dc8a19}.tags .pink{background-color:#f29ed1;color:#a20f6a}.project-link{display:flex;flex-direction:column;gap:24px;text-decoration:none}.project-div-text{display:flex;justify-content:space-between;align-items:baseline;color:#303030;gap:40px}.project-description{text-align:right;color:#b9b9b9}.project-name-arrow{display:flex;align-items:center;gap:24px;cursor:pointer;transition:color .3s ease}.project-name-arrow .name{font-size:32px;font-weight:500;transition:transform .3s ease,}.project-name-arrow .arrow{font-size:48px;transition:transform .3s ease,}.project-link:hover .arrow{transform:translate(12px)}.project-link .project-img{transition:transform .3s ease}.project-link:hover .project-img{transform:scale(1.02)}.project-name-arrow .name{font-size:32px;font-weight:500;position:relative;transition:color .3s ease}.project-name-arrow .name:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#303030;transition:width .3s ease}.project-link:hover .name:after{width:100%}@media (max-width: 720px){.project-div-text{flex-direction:column;gap:0px}.project-div{gap:10px}.tags{gap:20px}.tag{font-size:12px;padding:8px 16px}}.footer{padding:100px 0;display:flex;justify-content:center;align-items:center;gap:20px;background:#fff}.footer-wrap{width:1080px;gap:48px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.footer-text{color:#303030;font-size:16px}.copyright{font-weight:600}.footer-icons{display:flex;gap:48px}.resume-link{text-decoration:none}.resume-text{color:#303030;transition:all .25s ease;font-size:20px}#linkedin-logo{color:#303030;height:28px}.gg-mail,.gg-mail:after{color:#303030;display:block;box-sizing:border-box;height:24px;border:3px solid}.gg-mail{overflow:hidden;position:relative;width:30px;border-radius:3px;margin-bottom:20px}.gg-mail:after{content:"";position:absolute;border-radius:3px;width:24px;transform:rotate(-45deg);bottom:8px}@media (max-width: 1240px){.footer{padding-right:20px;padding-left:20px}}:root{--purple: 240, 147, 255;--dark-pink: 255, 117, 167;--yellow: 251, 209, 130;--peach: 252, 174, 149;--teal: 183, 240, 240;--circle-size: 80%}@keyframes moveInCircles{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveHorizontal{0%,to{transform:translate(60%) translateY(30%)}50%{transform:translate(-60%) translateY(-30%)}}@keyframes moveVertical{0%,to{transform:translate(-10%) translateY(80%)}50%{transform:translate(10%) translateY(-80%)}}.gradient-bg{width:100vw;height:100vh;position:fixed;z-index:-1;overflow:hidden;background:#fff;top:0;left:0}.gradient-bg .gradients-container{width:100%;height:100%}.gradient-bg .gradient1{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--teal),1),rgba(var(--teal),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2));left:calc(50% - (var(--circle-size)/2));transform-origin:calc(70% - 500px);animation:moveInCircles 45s linear infinite}.gradient-bg .gradient2{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--peach),1),rgba(var(--peach),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2));left:calc(50% - (var(--circle-size)/2));transform-origin:calc(60% + 200px);animation:moveInCircles 40s reverse infinite}.gradient-bg .gradient3{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--yellow),1),rgba(var(--yellow),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2) + 200px);left:calc(50% - (var(--circle-size)/2) - 400px);transform-origin:calc(50% - 250px);animation:moveHorizontal 40s ease infinite}.gradient-bg .gradient4{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--dark-pink),.7),rgba(var(--dark-pink),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2) + 300px);left:calc(50% - (var(--circle-size)/2) + 400px);transform-origin:calc(50% - 500px);animation:moveVertical 30s ease infinite}.gradient-bg .gradient5{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--purple),.7),rgba(var(--purple),0) 50%);filter:blur(80px);top:calc(50% - (var(--circle-size)/2) - 300px);left:calc(50% - (var(--circle-size)/2) + 400px);transform-origin:calc(50% + 200px);animation:moveHorizontal 30s ease infinite}#landing-section{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:linear-gradient(#ffffff80 80%,#fff);-webkit-backdrop-filter:blur(160px);backdrop-filter:blur(160px);padding:0 calc((100vw - 1120px)/2);height:600px}.landing-text h1{text-align:center;max-width:720px}#miao{background-color:#f1591b;color:#fff;font-weight:400;padding:8px 16px;border-radius:32px;font-size:28px;position:relative;bottom:6px}#miao-text,#miao-hover:hover #miao{display:none}#miao-hover:hover #miao-text{display:inline}.teal-blue{background:linear-gradient(to right,#2dc4b6,#3697b2);margin:-50px 0 0 300px;transform:rotate(-6deg)}.teal-blue p{color:#fff;font-size:24px}#work{background-color:#fff;scroll-margin-top:100px;display:flex;flex-direction:column;align-items:center}.center-flexbox{display:flex;flex-direction:column;align-items:center}.project-arrow{display:flex;flex-direction:column;align-items:center;color:#989898;cursor:pointer;transition:color .3s ease}.project-text,.arrow{transition:transform .3s ease,color .3s ease}.project-arrow:hover{color:#303030}.project-arrow:hover .arrow{transform:translateY(6px)}@media (max-width: 1240px){#landing-section{padding-right:20px;padding-left:20px}}.project-landing-section{width:100vw;display:flex;justify-content:center;align-items:center}.header-img-wrapper{width:1080px;display:flex;justify-content:space-between;align-items:center}.header-img-wrapper .logo{width:240px;padding-left:40px}.header-img-wrapper #augene-logo-white{max-width:20%}.header-img-wrapper #innod-preview{height:360px;padding:40px}#augene-project-landing-section{background-color:#2626e6}#checkt-project-landing-section{background-color:#201e22}#innod-project-landing-section{background-color:#f968ea}#augene-dashboard{padding:40px 40px 0;height:400px}#innod-logo-icon{padding:0 100px}.large-description{font-weight:500;font-size:38px;line-height:normal}.augene-blue-text{color:#2a68fb}.checkt-purple-text{color:#d28cfe}.stage-title{font-weight:500;font-size:48px;line-height:1.2}.project-overview-section{display:flex;flex-direction:row;justify-content:space-between;padding-top:80px;padding-left:calc((100vw - 1120px)/2);padding-right:calc((100vw - 1120px)/2);background-color:#fff}.project-overview-description{display:flex;flex-direction:column;gap:8px;max-width:720px}.project-overview-description .project-title{display:flex;flex-direction:column;font-size:56px;line-height:1;margin-bottom:16px}.project-overview-summaries{display:flex;flex-direction:column;gap:20px}.summary-titles{font-weight:500}.summary-vertical-sections{margin-bottom:16px;width:240px}.two-column-text{display:flex;flex-direction:row;gap:6%;align-items:center;width:100%}.two-column-text .left-column{display:flex;flex-direction:column;width:50%;gap:20px}.two-column-text .right-column{text-align:center;align-self:center;width:44%}.two-column-text .right-column img{width:100%;object-fit:contain}.solution-header-text{display:flex;flex-direction:column;text-align:center}.two-column-solution{display:flex;flex-direction:row;gap:4%;align-items:stretch;width:100%}.preview-column{text-align:center;align-self:center;width:38%}.preview-column img{width:100%;object-fit:contain}.two-column-solution .text-column{display:flex;flex-direction:column;width:56%;gap:20px;padding:60px}.centered-text{display:flex;flex-direction:column;align-items:center;gap:20px}.centered-text .project-text{text-align:center}.centered-img-text{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.centered-img-caption{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.dark-big-statement-section{padding:80px;background-color:#303030;border-radius:2rem}.dark-big-statement-section p{color:#e3f39b}.big-statement{text-align:center;max-width:720px;color:#f7f7f7}.innod-section{display:flex;flex-direction:column;padding-left:calc((100vw - 1120px)/2);padding-right:calc((100vw - 1120px)/2);background-color:#fff}.centered-image-div{display:flex;flex-direction:column;align-items:center;width:100%}.webpage-image-div{margin-top:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:580px;max-height:fit-content}.image-scroll-container{width:98%;height:580px;max-height:fit-content;overflow-y:scroll;border:8px solid #B9B9B9;border-radius:40px}.webpage-design{width:100%;height:auto;display:block}.solution-section h1{font-size:64px}.bold-h2{font-weight:500}.solution-section .gray-h2{font-size:28px;font-weight:400;color:#6c6c6c;line-height:1.4}.solution-section .purple-h2{font-size:28px;font-weight:400;color:#d28cfe}.solution-section{display:flex;flex-direction:column;padding:120px calc((100vw - 1120px)/2);background-color:#fff;gap:40px}.solution-section .app-name{font-size:80px}.solution-section h2{font-size:28px;line-height:100%;font-weight:400}.two-rows{display:flex;flex-direction:column;gap:40px}.two-columns{display:flex;flex-direction:row;gap:40px}.top-bottom-text{display:flex;flex-direction:column;justify-content:space-between}.icon-text{display:flex;flex-direction:column;gap:8px;align-self:start;width:50%}.icon-text .summary-icon{width:32px}.three-columns{display:flex;flex-direction:row;gap:4%;align-items:center}.three-columns .side-column{width:29%}.three-columns .side-column img{width:100%;object-fit:contain}.side-column{display:flex;flex-direction:column;gap:40px}.img-caption{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.img-caption .caption{line-height:1.2;max-width:300px}.long-caption{line-height:1.2;max-width:600px}.img-caption img{width:100%;object-fit:contain}.next-project-section{display:flex;flex-direction:row;justify-content:space-between;padding-left:calc((100vw - 1120px)/2);padding-right:calc((100vw - 1120px)/2);background-color:#fff}.next-project-link{display:flex;flex-direction:column;text-decoration:none}#augene-logo{padding:0 100px;width:140px}#skin-concerns{height:400px}#augene-mockup{width:50%}#skin-products{width:90%}#competitors{width:100%}.persona{padding-top:40px;width:100%}#hmw{width:100%;padding-top:40px}.innod-logo{width:70%}.colors{width:60%;text-align:center}.img{width:100%}#competitive-analysis{width:100%;padding-top:40px}#checkt-preview{width:100%}#widget-preview{width:90%}#todays-photos{max-width:600px}.medium-gif{width:600px;border-radius:40px}.next-project-link{display:flex;flex-direction:row;align-items:flex-end;gap:24px;cursor:pointer;transition:color .3s ease}.next-project-text{display:flex;flex-direction:column;text-align:right}.previous-project-text{display:flex;flex-direction:column;text-align:left}.next-project-link .project-title,.next-project-link .right-arrow{color:#303030;font-size:32px;transition:transform .3s ease}.next-project-link:hover .right-arrow{transform:translate(12px)}.next-project-link .left-arrow{color:#303030;font-size:32px;transition:transform .3s ease}.next-project-link:hover .left-arrow{transform:translate(-12px)}.next-project-link .project-title{position:relative;transition:color .3s ease}.next-project-link .project-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#303030;transition:width .3s ease}.next-project-link:hover .project-title:after{width:100%}@media (max-width: 1200px){.section-body{margin:auto}}@media (max-width: 1000px){.header-img-wrapper #innod-logo{display:none}#innod-project-landing-section .header-img-wrapper{justify-content:center}}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translateY(-0px)}}@media (max-width: 800px){.header-img-wrapper .logo{display:none}.header-img-wrapper{justify-content:center}.project-overview-section{flex-direction:column;gap:60px}.project-overview-summaries{flex-direction:row;gap:120px}.two-column-text{flex-direction:column;gap:40px}.two-column-text .left-column,.two-column-text .right-column{width:100%}.innod-logo{width:50%}.solution-section{padding-left:20px;padding-right:20px}.two-column-solution{flex-direction:column;align-items:center}.two-column-solution .text-column{width:80%}#todays-photos{width:90%}}.div-line{border:none;height:1px;background-color:#e4e4e4}.div-line-padding{padding:120px 0}.gif-preview{width:800px}.about-section{display:flex;flex-direction:column;padding:80px calc((100vw - 1120px)/2);background-color:#fff;gap:120px}#about-portrait{border-radius:12px}:root{font-family:Inter,sans-serif;font-weight:400;font-style:normal;color:#303030;overscroll-behavior:contain}*{margin:0}h1{font-family:Inter,sans-serif;font-weight:500;font-style:normal;font-size:40px;line-height:1.2}h2{font-family:Poppins,sans-serif;font-weight:500;font-style:normal;font-size:28px;line-height:normal}h3{font-family:Poppins,sans-serif;font-weight:500;font-style:normal;font-size:14px;color:#b9b9b9;line-height:1.8}p{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;font-size:18px;color:#6c6c6c;line-height:1.8}.section{display:flex;flex-direction:column;padding-left:calc((100vw - 1120px)/2);padding-right:calc((100vw - 1120px)/2);background-color:#fff;gap:120px}.dark-text{color:#303030}.gray-text{color:#989898}@media (max-width: 1160px){.section,.project-overview-section{padding-left:20px;padding-right:20px}}