@import url(https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img.shadow{box-shadow:0 0 10px 2px rgba(0,0,0,.15)}video{width:100%}p{color:#727272;font-size:15px;line-height:23px;margin-bottom:30px}h1{font-family:Bitter,serif;line-height:1.125em;margin-left:70px}h1,h2{font-weight:400}h2{color:#727272;font-family:IBM Plex Mono,monospace;font-size:1.125em;margin-bottom:0;margin-top:4.375em;text-transform:uppercase}h2+h3{margin:.625em 0}h2+h3,h3{font-family:Bitter,serif;line-height:1.2em}h3{font-size:2em;font-weight:400;margin-bottom:.625em;margin-top:3em}h4{line-height:1.125em;margin:.625em 0}h4,h5{font-family:Figtree,sans-serif;font-size:1.25em;font-weight:500}h5{color:#383838;margin-bottom:0}.numbered-list{counter-reset:list-counter;list-style:none;margin-bottom:3em;margin-top:3em;padding-left:0}.numbered-list li{align-items:center;counter-increment:list-counter;display:flex;margin-top:2.5em}.numbered-list li:before{color:#000;content:counter(list-counter) ". ";content:counter(list-counter);font-family:IBM Plex Mono,monospace;font-size:40px;margin-right:30px}.numbered-list li p{margin:0}body{background-color:#fff;font-family:Figtree,sans-serif;font-size:.875em}.half{display:flex;flex-wrap:wrap;justify-content:space-between}.half .item{max-width:45%}iframe{aspect-ratio:16/9}.third{display:flex;flex-wrap:wrap;justify-content:space-between}.third .item{width:30%}.quarter{display:flex;flex-wrap:wrap;justify-content:space-between}.quarter .item{max-width:22%}.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:3em;object-fit:contain}.description{width:30%}.one-phone .description{width:35%}.screens{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:65%}.screens img{margin-bottom:10px;object-fit:contain}.screens img.phone{width:40%}.fade{opacity:.5}@media only screen and (max-width:768px){body{font-size:15px}.half .item{max-width:100%}.quarter .item{max-width:45%}.container .description,.screens,.third .item{width:100%}.container.reverse{flex-direction:column-reverse}h2{font-size:1em}h2+h3,h3{font-size:1.3em}h4,h5{font-size:1.2em}}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #c6c6c6;display:flex;font-family:IBM Plex Mono,monospace;font-size:14px;justify-content:space-between;padding:12px 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1}.navbar a{color:#000;text-decoration:none}.navbar .navlinks-container a:hover{color:#000;text-decoration:none;text-decoration:underline}.navlink-left{margin-right:20px}.navlink-right{margin-left:20px}@media only screen and (max-width:768px){.navbar{font-size:14px}.navlink-left{margin-right:15px}.navlink-right{margin-left:15px}}.intro{align-items:center;color:#000;display:flex;flex-direction:row;font-family:Bitter,serif;justify-content:space-between;margin:5% 5% 2%}.intro-pic img{height:250px;width:auto}.intro-words{font-size:1.75em}@media only screen and (max-width:768px){.intro{margin:5%}}@media only screen and (max-width:600px){.intro{justify-content:space-between}.intro .top{font-size:20px}.intro .bottom{font-size:13px;line-height:18px}.intro-pic img{height:auto;max-width:150px}.intro-pic{padding:5% 0}}.projects-container{align-items:center;display:flex;flex-direction:column;margin-left:5%;margin-right:5%}.project-card-container{display:flex;gap:3%;height:100%;padding-bottom:80px;width:100%}.project-title{color:#8c8c8c;font-family:IBM Plex Mono,monospace}.project-card-info{height:80%;padding-top:40px;width:35%}.project-card-desc{font-family:Bitter,serif;font-size:1.5em;line-height:1.2em;padding:20px 0}.project-button a{color:#8c8c8c;text-decoration:none}.project-button a:hover{color:#000;text-decoration:none}.project-img{overflow:hidden;padding:0;width:65%}a>img:only-child{display:block}.project-img img{display:block;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.project-img img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media only screen and (max-width:1100px){.project-title{font-size:14px}.project-card-desc{font-size:22px;padding:10px 0}}@media only screen and (max-width:1000px){.project-title{font-size:13px}.project-card-desc{font-size:20px;padding:5px 0}.project-skills{letter-spacing:.02em}}@media only screen and (max-width:768px){.projects-container{margin-left:5%;margin-right:5%}.project-card-info{padding-left:20px}.project-title{font-size:12px}.project-card-desc{font-size:16px;padding:5px 0}.project-skills{font-size:12px;padding-top:8px}}@media only screen and (max-width:600px){.project-img{width:100%}.project-card-container{flex-wrap:wrap;max-width:100%}.project-card-info{padding:20px 0 0;width:100%}.project-title{font-size:12px}.project-card-desc{font-size:16px;padding:5px 0}}.dev-container{grid-column-gap:2rem;grid-row-gap:4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));justify-items:center;padding:70px}.project-2-img img{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.project-2-img img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-2-img{overflow:hidden;padding:0}.project-card-2-info .project-card-desc{font-size:22px;padding:10px 0}.project-card-2-info .project-skills{font-size:13px;padding-top:0}@media only screen and (max-width:768px){.dev-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.project-overview-container h1{margin-left:0}.project-summary{display:flex;flex-wrap:wrap;justify-content:space-between}.project-desc p{color:#000}.project-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);width:100%}.info-column h2{color:#8c8c8c;font-size:.85rem;font-weight:400;margin-bottom:8px;margin-top:0}.info-column p{color:#111;font-size:.95rem;line-height:1.5;margin:0;white-space:pre-line}@media (max-width:768px){.project-info-grid{gap:32px 24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.project-info-grid{grid-template-columns:1fr}}.project-info{max-width:30%}.project-overview-pic video{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);object-fit:contain;width:100%}.project-overview-pic video:focus{outline:none}@media only screen and (max-width:768px){.project-desc{margin-bottom:10%}.project-desc,.project-info{max-width:100%}}.project-page{margin-left:20%;margin-right:20%;margin-top:20px}.project-page img{width:100%}@media only screen and (max-width:768px){.project-page{margin-left:5%;margin-right:5%}}img.design-sys{box-shadow:0 0 10px 2px rgba(0,0,0,.15);margin-bottom:2em;margin-top:1em}.flow-lofi-images{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:20px;object-fit:contain}.flow-lofi-images img{height:auto;margin:10px;width:45%}@media only screen and (max-width:768px){.flow-lofi-images img{height:auto;width:100%}}.nextproject-container{font-family:Bitter,serif;font-size:20px;margin-right:5%;margin-top:100px;text-align:right}.nextproject-container a{color:#000;text-decoration:none}.nextproject-container a:hover{text-decoration:underline}@media only screen and (max-width:768px){.nextproject-container{font-size:15px;margin-top:100px;text-align:center}}.persona{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:5%}.persona img{border-radius:10px;width:15%}.persona p{padding-left:5%;width:75%}.flow-images{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:20px;object-fit:contain}.flow-images img{width:30%}.flow-images img,.flow-images img.phone{box-shadow:0 0 10px 2px rgba(0,0,0,.15);margin:5px}.flow-images img.phone{width:15%}.final-prototypes .row{display:flex;flex-wrap:wrap;padding:10px 0}.final-prototypes .row p{padding-right:20px;width:25%}.final-screens{display:flex;flex-wrap:wrap;object-fit:cover}.final-prototypes .desktop{max-width:30em;padding-bottom:.5em}.final-prototypes .phone{max-width:9em;padding-bottom:.5em}@media only screen and (max-width:768px){.persona img,.persona p{width:100%}.final-prototypes .row p{padding-right:0;width:100%}.flow-images img,.flow-images img.phone{width:100%}.final-prototypes .desktop{height:auto;max-width:100%;width:100%}.final-prototypes .phone{max-width:100%;width:100%}}.crazy8,.storyboards,.synthesis{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;object-fit:contain}.crazy8 img,.storyboards img,.synthesis img{width:50%}.vagary-final .flow-images{justify-content:center}.vagary-final .flow-images img.phone{box-shadow:none;width:30%}@media only screen and (max-width:768px){.crazy8 img,.storyboards img,.synthesis img,.vagary-final .flow-images img.phone{width:100%}}.play-container{padding:5%}.play-container .project-title{font-size:20px}@media only screen and (max-width:768px){.play-container{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.gallery{padding:0 70px}.about-container{text-wrap:pretty;grid-column-gap:10%;align-items:start;-webkit-column-gap:10%;column-gap:10%;display:grid;flex-direction:row;flex-wrap:wrap;grid-template-columns:1fr 1fr;justify-content:space-between;max-width:800px;padding:20px 5%}.about-bio{max-width:500px}.about-img{margin-top:clamp(3rem,20vw,12rem);width:90%}.about-img img{display:block;height:auto;width:100%}.about-container a{color:#727272}@media only screen and (max-width:768px){.about-container img{margin-bottom:1.25em}.about-img{max-width:45%}.about-bio{margin-left:0;max-width:50%}}@media only screen and (max-width:600px){.about-container{display:flex;flex-direction:column}.about-container img{margin-bottom:1.25em;max-width:100%}.about-img{margin-top:0;max-width:100%}.about-bio{margin-left:0;max-width:100%}}.footer-container{align-items:center;border-top:1px solid #c6c6c6;color:#8c8c8c;display:flex;justify-content:space-between;margin-top:3%;padding:20px 5%}.socmed a{color:#000;padding-left:15px}.socmed a:hover{color:#1a51de;padding-left:15px}
/*# sourceMappingURL=main.06cf4ff2.css.map*/