@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sen:wght@400..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sen:wght@400..800&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{margin-bottom:30px}h1{line-height:1.125em;margin-left:70px}h1,h2{font-family:Sen,sans-serif}h2{color:#1a51de;font-size:1.125em;margin-bottom:0;margin-top:4.375em}h2+h3{margin:.625em 0}h2+h3,h3{font-family:Sen,sans-serif;font-size:1.75em;line-height:1.2em}h3{margin-bottom:.625em;margin-top:3em}h4{font-size:1.5em;line-height:1.125em;margin:.625em 0}h4,h5{font-family:Sen,sans-serif}h5{color:#1a51de;font-size:1.25em;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:#1a51de;content:counter(list-counter) ". ";content:counter(list-counter);font-family:Sen,sans-serif;font-size:40px;font-weight:700;margin-right:30px}.numbered-list li p{margin:0}body{background-color:#fff;font-family:Lato,sans-serif;font-size:1em;line-height:1.5em}.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 #000;display:flex;font-family:Sen,sans-serif;font-size:16px;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.active{color:#1a51de!important;font-weight:600;text-decoration:none!important}.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:Sen,sans-serif;justify-content:space-between;margin:5% 20%}.intro-pic img{height:250px;width:auto}.intro-words{line-height:2em;width:60%}.intro .top{font-size:2.2em;font-weight:700}.intro .bottom{color:#000;font-size:22px;margin-top:1em}@media only screen and (max-width:768px){.intro{margin:5%}.intro .bottom{font-size:18px;margin-top:0}}@media only screen and (max-width:600px){.intro{justify-content:space-between}.intro .top{font-size:25px}.intro .bottom{font-size:13px;line-height:18px}.intro-pic img{height:auto;max-width:150px}.intro-pic{padding:5% 0}.intro-words{width:55%}}.projects-container{align-items:center;display:flex;flex-direction:column;margin-left:10%;margin-right:10%}.project-card-container{align-items:center;display:flex;padding-bottom:80px;width:100%}.project-title{font-family:Sen,sans-serif;font-size:16px}.project-card-info{padding-left:40px;width:35%}.project-card-desc{font-family:Sen,sans-serif;font-size:26px;font-weight:500;line-height:1.2em;padding:20px 0}.project-card-desc a{color:#000;text-decoration:none}.project-card-desc a:hover{color:#1a51de}.project-skills{color:#545454;font-family:Sen,sans-serif;font-size:13px;letter-spacing:.08em;line-height:16px;padding-top:20px}.project-img{overflow:hidden;padding:0;width:65%}a>img:only-child{display:block}.project-img img{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:18px;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:15px}.project-card-desc{font-size:21px;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{max-width:60%;padding-right:20px}.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:Sen,sans-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:3%;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{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:auto;max-width:1000px;padding:5%}.about-bio{font-size:15px;max-width:60%}.about-img{max-width:35%}.about-img img{width:100%}.about-container a{color:#1a51de;font-weight:700;text-decoration:none}@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{flex-direction:column-reverse}.about-container img{margin-bottom:1.25em}.about-bio,.about-img{max-width:100%}.about-bio{margin-left:0}}.footer-container{align-items:center;border-top:1px solid #000;display:flex;justify-content:space-between;margin-top:80px;padding:30px 5%}.copyright{width:50%}.socmed a{color:#000;padding-left:15px}.socmed a:hover{color:#1a51de;padding-left:15px}
/*# sourceMappingURL=main.bdb3b4c8.css.map*/