@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");:root{--color-font:#262626;--color-primary:#108fff;--color-header:#f2f2f2;--color-border:rgba(0,0,0,.1);--color-border-solid:#e5e5e5;--primary-font:"Montserrat",sans-serif;--margin-desktop:64px;--margin-tablet:32px;--margin-phone:24px;--max-keyline:1298px;--ease-out:cubic-bezier(0.4,0,0,1);--spring:cubic-bezier(0.575,0.87,0,1.1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;text-rendering:optimizeLegibility;font-family:var(--primary-font);color:var(--color-font);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{background:var(--color-header);transition:background .5s var(--ease-out),margin .5s var(--ease-out)}.keylines{padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto;max-width:var(--max-keyline)}@media (min-width:461px){.keylines{padding-left:32px;padding-right:32px}}@media (min-width:1049px){.keylines{padding-left:64px;padding-right:64px}}.action-button{height:56px;line-height:56px;display:flex;align-items:center;justify-content:center;padding-left:24px;padding-right:24px;border-radius:10px;text-decoration:none;font-size:16px;text-align:center;border:2px solid var(--color-border);transition:all .2s var(--ease-out);color:var(--color-font);font-family:inherit;cursor:pointer}.action-button:hover{box-shadow:0 4px 12px 0 rgba(0,0,0,.125)}@media (max-width:1048px){.action-button:hover{box-shadow:none}}.action-button[data-type=send-message]:hover{background:#3cd07d;color:#fff;border-color:var(--color-border)}.action-button[data-type=dribbble]:hover{background:#ea4c89;color:#fff;border-color:var(--color-border)}.action-button[data-type=github]:hover{background:#24292e;color:#fff;border-color:var(--color-border)}.action-button[data-type=stackoverflow]:hover{background:#f87f00;color:#fff;border-color:var(--color-border)}.action-button[data-type=twitter]:hover{background:#049ff6;color:#fff;border-color:var(--color-border)}.action-button[data-type=instagram]:hover{background:#ce007b;color:#fff;border-color:var(--color-border)}.action-button[data-type=resume]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-border)}@media (max-width:1048px){.action-button:hover{background:transparent;color:var(--color-font)}.action-button[data-type=send-message]:active{background:#3cd07d;color:#fff}.action-button[data-type=dribbble]:active{background:#ea4c89;color:#fff}.action-button[data-type=github]:active{background:#24292e;color:#fff}.action-button[data-type=stackoverflow]:active{background:#f87f00;color:#fff}.action-button[data-type=twitter]:active{background:#049ff6;color:#fff}.action-button[data-type=instagram]:active{background:#ce007b;color:#fff}.action-button[data-type=resume]:active{background:var(--color-primary);color:#fff}}.loading{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;height:32px;width:40px;overflow:hidden;z-index:2;display:flex;align-items:center;justify-content:center}.loading .logo{height:100%;width:100%;background-image:url(/assets/icons/icon_logo.svg);background-size:100% auto;background-repeat:no-repeat;transition:margin .24s var(--ease-out)}header{background:var(--color-header);height:100vh;transition:height .5s var(--ease-out)}header.shown{height:80vh}@media (max-width:1048px){header.shown{height:auto}}header .keylines{display:flex;flex-direction:row;height:100%}header .titles{flex:1 1;position:relative}header .titles h1,header .titles h2,header .titles p{margin:0;padding:0;width:100%;font-weight:500;-webkit-user-select:text;-moz-user-select:text;user-select:text}header .titles h1{font-size:30px;line-height:1.35;letter-spacing:.02em;padding-top:64px;padding-bottom:32px;color:var(--color-primary)}header .titles h2{font-size:18px;line-height:1.5;letter-spacing:.01em;opacity:.9;padding-bottom:16px}header .titles p{font-size:16px;line-height:1.65;letter-spacing:.01em;opacity:.8;font-weight:400}header .titles .action-button{position:absolute;bottom:64px}header .image{flex:1 1;position:relative;overflow:hidden}header .image img{position:absolute;width:590px;bottom:0;right:0;pointer-events:none}@media (max-width:1048px){header .image{display:none}header .titles h1{padding-top:48px;padding-bottom:24px}header .titles p{padding-bottom:48px}header .titles .action-button{margin-bottom:48px;position:relative;bottom:0}}header .image,header .titles{opacity:0;transition:opacity .75s var(--ease-out)}.grid-container{background:#fff;width:100%}.grid-container .keylines{width:100%;display:flex;flex-direction:row;padding-top:var(--margin-desktop);padding-bottom:var(--margin-desktop)}@media (max-width:1048px){.grid-container .keylines{flex-direction:column;padding-top:var(--margin-tablet);padding-bottom:var(--margin-tablet)}}@media (max-width:460px){.grid-container .keylines{padding-top:var(--margin-phone);padding-bottom:var(--margin-phone)}}.grid-container .column{flex:1 1;list-style-type:none;padding:0;margin:0}.grid-container .column:nth-child(2){margin-left:var(--margin-desktop);margin-right:var(--margin-desktop)}@media (max-width:1048px){.grid-container .column:nth-child(2){margin-left:0;margin-right:0}}.grid-container .button-container{z-index:1;display:flex;justify-content:center}.grid-container .button-container a{margin-bottom:var(--margin-desktop)}@media (max-width:1048px){.grid-container .button-container a{width:100%;margin-left:var(--margin-tablet);margin-right:var(--margin-tablet)}}@media (max-width:460px){.grid-container .button-container a{margin-left:var(--margin-phone);margin-right:var(--margin-phone)}}.item{position:relative;overflow:hidden;display:inline-block;width:100%;margin-bottom:var(--margin-desktop);background:var(--color-border-solid);cursor:pointer;border:2px solid var(--color-border-solid);border-radius:10px;transition:all .35s var(--ease-out)}.item:last-child{margin-bottom:0}.item img{width:100%;height:auto;margin-bottom:-4px;display:block}@media (max-width:1048px){.item,.item:last-child{margin-bottom:var(--margin-tablet)}}@media (max-width:460px){.item,.item:last-child{margin-bottom:var(--margin-phone)}}.item.hidden{transition:none;visibility:hidden}.item .cover{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;border-radius:10px;background:hsla(0,0%,100%,.125)}.item .cover.gif .icon-container:after,.item .cover.video .icon-container:after{background-image:url(/assets/icons/icon_play.svg)}.item .cover.gif .icon-container:after,.item .cover.photo .icon-container:after,.item .cover.screenshot .icon-container:after,.item .cover.video .icon-container:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:72px;width:72px;background-size:100% auto;background-position:50%;background-repeat:no-repeat}.item .cover.photo .icon-container:after,.item .cover.screenshot .icon-container:after{background-image:url(/assets/icons/icon_fill.svg)}.item .cover .icon-container{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.item:hover{box-shadow:0 4px 12px 0 rgba(0,0,0,.125)}.item:hover .cover{visibility:visible}@media (max-width:1048px){.item:hover{box-shadow:none}.item:hover .cover{visibility:hidden}}.column.animate-in{opacity:1;margin-top:0}.column{opacity:0;margin-top:24px;transition:opacity .35s var(--ease-out),margin .35s var(--ease-out)}@media (max-width:1048px){.column{opacity:1;margin-top:0}}footer ul{overflow:hidden;-webkit-overflow-scrolling:touch;list-style-type:none;padding:0;margin:0;display:flex;padding:var(--margin-desktop)}@media (max-width:1048px){footer ul{overflow-x:scroll;padding:var(--margin-tablet)}}@media (max-width:460px){footer ul{padding:var(--margin-phone)}}footer li{flex:1 1;display:flex;align-items:center;justify-content:center;margin-right:var(--margin-desktop)}footer li:last-child{margin-right:0}@media (max-width:1048px){footer li{margin-right:var(--margin-tablet)}footer li:last-child:after{content:"";width:var(--margin-tablet)}}@media (max-width:460px){footer li{margin-right:var(--margin-phone)}footer li:last-child:after{content:"";width:var(--margin-phone)}}footer{background:var(--color-header)}.detailed-view{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:10}.detailed-view .close-button{top:24px;left:24px;position:absolute;height:56px;width:56px;cursor:pointer;z-index:11;background-size:32px auto;background-position:50%;background-repeat:no-repeat;background-image:url(/assets/icons/icon_close.svg);background-color:transparent;border:none;opacity:0;transition:opacity .3s var(--spring)}.detailed-view .close-button.enter{animation:rotateIn .3s forwards;opacity:1}.detailed-view .close-button.exit{animation:rotateOut .3s forwards}.detailed-view .close-button:hover{opacity:.9}@keyframes rotateIn{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0deg)}}@keyframes rotateOut{0%{transform:scale(1) rotate(0deg)}to{transform:scale(0) rotate(-180deg)}}.detailed-view .shared-element{position:absolute;border:2px solid var(--color-border);transition:all .3s var(--spring);border-radius:10px;overflow:hidden;cursor:default}.detailed-view .shared-element img,.detailed-view .shared-element video{border-radius:10px;position:absolute;width:100%;height:100%;object-fit:cover}.detailed-view .loading-indicator{position:absolute;top:0;left:0;height:100%;width:100%;background:hsla(0,0%,100%,.125);transition:opacity .26s var(--ease-out);display:flex;align-items:center;justify-content:center}.detailed-view .loading-indicator.dismiss{opacity:0}.detailed-view .loading-indicator .indicator-container:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:72px;width:72px;background-image:url(/assets/icons/icon_loading.svg);background-size:100% auto;background-position:50%;background-repeat:no-repeat;animation:rotate .8s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.detailed-view .background{transition:opacity .26s var(--ease-out);background:rgba(0,0,0,.92);position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;cursor:pointer}.detailed-view .background.visible{opacity:1}.detailed-view .description{position:absolute;background:#fff;width:34%;height:100%;right:-34%;top:0;z-index:1;transition:right .34s var(--spring);display:flex;box-shadow:-4px 0 12px 0 rgba(0,0,0,.125)}.detailed-view .description.visible{right:0}.detailed-view .description .content{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:0;padding:var(--margin-desktop);overflow:auto;box-sizing:border-box}.detailed-view .description .content h1,.detailed-view .description .content h2,.detailed-view .description .content p{margin:0;padding:0;flex-shrink:0;font-weight:500;-webkit-user-select:text;-moz-user-select:text;user-select:text}.detailed-view .description .content h1{font-size:24px;line-height:1.25;margin-bottom:8px}.detailed-view .description .content h2{font-size:16px;line-height:1.4;opacity:.9;margin-bottom:16px}.detailed-view .description .content p{font-size:16px;line-height:1.5;opacity:.8;font-weight:500;flex:1 1 auto;min-height:0}.detailed-view .description .content .break{height:2px;width:28px;background:var(--color-border-solid);margin:0 0 16px;flex-shrink:0}.detailed-view .description .content .action-button{flex-shrink:0;margin-top:auto;align-self:flex-start}@media (max-width:1048px){.detailed-view .description{display:none}}