body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{border-bottom:1px dashed #282c34;color:#282c34;opacity:.85;text-decoration:none;transition:all .3s ease-in-out .25s}a:hover{opacity:.75}.magnifying-glass{background-color:#fff9!important}.grid-vertical-stripes{background-color:#f90;background-image:linear-gradient(90deg,#fff3 50%,#0000 0,#0000);background-size:50px 50px}.grid-blueprint{background-image:linear-gradient(#ffffff1a 2px,#0000 0),linear-gradient(90deg,#ffffff1a 2px,#0000 0),linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-size:60px 60px,60px 60px,10px 10px,10px 10px}:focus{outline:none}.MuiGrid-spacing-xs-10{max-width:100%}.App{text-align:center}.App__header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;margin:2em auto}.App__logo{width:128px}.App__content{display:flex;flex-wrap:wrap;margin:0 -16px}.work-preview{display:inline-block;margin:16px 0;min-height:240px;width:33.33%}@media(max-width:960px){.work-preview{width:50%}}@media(max-width:600px){.work-preview{width:100%}}.work-preview__link{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:20px 20px 60px #d9d9d9,-20px -20px 60px #fff;color:#3b3b3b;display:flex;height:100%;margin:16px;overflow:hidden;position:relative}.work-preview__link:after{background-color:#fffc;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease .1s}.work-preview__link:hover{opacity:1}.work-preview__link:hover .work-preview__img{filter:blur(4px);opacity:.4;transform:scale(1.4)}.work-preview__link:hover .work-preview__link:after{opacity:.75}.work-preview__link:hover .work-preview__description,.work-preview__link:hover .work-preview__title{opacity:1;transform:translateY(0)}.work-preview__img{display:block;margin:10% auto;max-height:160px;transition:all .5s ease 0s;width:66%}.work-preview__text{left:10%;position:absolute;text-align:left;top:50%;z-index:2}.work-preview__description,.work-preview__title{opacity:0;transition:all .5s ease 0s}.work-preview__title{text-transform:uppercase;transform:translateY(60%)}.work-preview__description{transform:translateY(-60%)}.footer{background:#000000e6;color:#fff;padding:48px 0}.footer__logo{margin-bottom:24px;text-align:center}.footer__link{border-color:#fff;color:#fff}.footer__copyright{align-items:center;display:flex;margin-bottom:24px}.footer__copyright-text{margin-bottom:24px;text-align:center}.footer__socials{align-items:center;display:flex;justify-content:center}.footer__footer-logo{width:64px}.footer__social{align-items:center;background:#282c34;color:#fff;display:flex;height:36px;justify-content:center;margin-left:8px;text-decoration:none;transition:all .5s ease 0s;width:36px}.footer__social:first-child{margin-left:0}.footer__social:hover{filter:brightness(2)}@media(max-width:600px){.footer__copyright,.footer__socials{justify-content:center}}.about__about,.about__skills{text-align:left}.about__about h1,.about__skills h1{font-weight:300;text-transform:uppercase}.about .about__list{padding-top:0}.about .about__item{margin-top:0}.spinning{left:calc(50% - 20px);position:absolute;top:calc(50% - 20px)}.work__header{align-items:center;color:#fff;display:flex;justify-items:center;min-height:500px;padding:2em 0}.work__header--design{background-attachment:fixed;background-color:#85ff9b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f1ff66'/%3E%3Cstop offset='1' stop-color='%23f1ff66' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2342ffc5'/%3E%3Cstop offset='1' stop-color='%2342ffc5' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23a723ff'/%3E%3Cstop offset='1' stop-color='%23a723ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2385ff9b'/%3E%3Cstop offset='1' stop-color='%2385ff9b' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff4747'/%3E%3Cstop offset='1' stop-color='%23ff4747' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230CF'/%3E%3Cstop offset='1' stop-color='%230CF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23c)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23d)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23e)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23f)' d='M0 0h1200v800H0z'/%3E%3C/svg%3E");background-size:cover}.work .MuiCardContent-root,.work .MuiCardHeader-root{padding:24px}.work .MuiTypography-paragraph{margin-bottom:32px}.work__logo{max-width:480px;padding:16px 0}.work__header-content{align-items:center;display:flex;justify-items:center}.work__header-image-contaniner{animation:fade-in 1s;box-shadow:0 0 50px -25px #0000006b;margin:48px 0;max-height:480px;overflow:hidden}.work__header-image-contaniner--no-shadow{box-shadow:none;display:flex;justify-content:center}.work__image-container--outline{background:#fff;border:1px solid #f1f1f1;padding:4px}.work__image-container--spaced .work__image{margin:24px 0}.work__image-container .work__image-caption{margin-top:1.5em;text-align:center}.work__image{max-width:100%}.work__image--caption{align-items:center;display:flex;flex-direction:column}.work__image--shadow{box-shadow:0 0 50px -25px #0000006b}.work__image--border{border:1px solid #ddd}.work__image--border-radius{border-radius:6px}.work .work__description{margin-bottom:24px}.work__attributes{border:thin solid #ffffffbf;border-left:0;border-right:0;margin-top:24px}.work__h2{font-weight:500;margin-top:0}.work__h2--spaced{margin-bottom:1em!important;margin-top:2em!important}.work__section{padding:4em 0}.work .work__title{margin-bottom:1em;text-transform:capitalize}.work .work__title--spaced{margin-bottom:1.5em}.work__highlight{background-image:linear-gradient(#0000,#0000 calc(50% - 6px),#00ff9559 calc(50% - 6px),#00ff9559);background-position:0 0;background-size:100% 200%;font-weight:500!important;transition:all .5s ease 0s}.work__highlight:hover{background-image:linear-gradient(#0000,#0000 calc(50% - 6px),#00ff958c calc(50% - 6px),#00ff958c);background-position:0 100%;color:inherit}.work__card--with-actions{display:flex;flex-direction:column}.work__card .work__card-actions{justify-content:space-between;margin:0 -16px -24px;padding:16px}.work__card-content{display:flex;flex:1;flex-direction:column;justify-content:space-between}.work__card-content .MuiTypography-paragraph{margin-bottom:0}.work__card img{max-width:100%}.work__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(424px,1fr));grid-gap:24px;margin-bottom:24px}@media(max-width:960px){.work__cards{grid-template-columns:repeat(1,1fr)}}.work__cards--3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.work__cards--4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.work__card-media{height:0;padding-top:56.25%}.work__blog-title{font-weight:700}.work__quotes{font-style:italic;line-height:1.5em}.work__quotes:before{content:'"';font-family:cursive;font-size:2em;font-style:normal;margin-right:.2em}.work__zoomable-image{border:none;margin-bottom:4em;width:100%}.work__zoomable-image--caption{margin-bottom:0}.work .MuiIconButton-root:hover{background-color:#0000}.work__tabs{backdrop-filter:saturate(180%) blur(20px);background:rgba(35,34,46,.788);color:#fff;position:sticky;top:0;z-index:1}.work__tabs .Mui-selected,.work__tabs .Mui-selected:hover,.work__tabs .MuiTab-root,.work__tabs .MuiTab-root:hover{color:#fff!important}.work__tabs .MuiTabs-indicator{background-color:#fff}.work__header-list{align-items:center;display:flex;margin-bottom:16px}.work__header-list-icon{align-items:center;border-radius:4px;color:#fff;display:flex;justify-content:center;padding:16px}.work__header-list-icon--primary{background:#2196f3}.work__header-list-icon--warning{background:#ff5722}.work__header-list-icon--secondary{background:#282c34}.work__list-icon{margin-left:-7px;margin-right:-14px;padding:4px}.work__header-list-content{margin-left:16px;padding-right:16px}.work .work__btn--invert{border-color:#fff;color:#fff}.work .work__btn--invert:hover{border-color:#fff}.work__challenges{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:960px){.work__challenges{grid-template-columns:repeat(1,1fr)}}.work__center-section{align-items:center;display:flex}.work__hub,.work__twilio,.work__viz{position:relative}.work__hub-header,.work__twilio-header,.work__viz-header{align-items:center;color:#fff;display:flex;margin-bottom:0;min-height:560px;overflow:hidden;padding:0;position:relative;text-shadow:1px 1px 6px #0000004d}.work__hub-header:before,.work__twilio-header:before,.work__viz-header:before{content:"";height:150%;left:-40%;position:absolute;top:-65%;transform:rotate(-5deg);width:150%;z-index:-1}.work__twilio-header:before{background:linear-gradient(to top left,#f22f46,#ad1111)}.work__hub-header:before{background:linear-gradient(to top left,#2d920c,#9fcc57)}.work__viz-header:before{background:linear-gradient(to top left,#1492a8,#0c7e92)}.work__dot-bg{background:url(https://webassets.mongodb.com/_com_assets/cms/13x13-dot-dark@3x-wmem1vevpx.svg) repeat 6px;background-color:#f1f1f1}.work__title-verb{color:#2196f3}.work--twilio .work__attributes{border:thin solid #000000a6;border-left:0;border-right:0}@media(max-width:960px){.work__hub-header,.work__viz-header{padding:4em 0}}@keyframes fade-in{0%{transform:translateY(-20%)}}.image-grid{display:flex;flex-wrap:wrap;justify-content:space-around;overflow:hidden}.image-grid__list{height:150;width:250}.image-modal{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden}.image-modal__image{filter:grayscale(1);flex-shrink:1;min-height:100%;min-width:100%;transition:all .5s ease .1s}.image-modal__image:hover{filter:grayscale(0);transform:scale(1.5)}.image-modal__modal{align-items:center;display:flex;justify-content:center}.image-modal__container{box-shadow:0 0 50px -25px #0000006b;display:flex;max-width:70%;position:relative}.image-modal__close{background:#0000006b;color:#fff;cursor:pointer;opacity:.8;padding:.5em;position:absolute;right:0;top:0}.image-modal__close:hover{opacity:1}.image-modal .image-modal__title{background-color:rgba(0,0,0,.486);color:#fff;margin-left:8px;opacity:0;padding:8px;position:absolute;top:0;transition:all .5s ease 0s;width:100%;z-index:1}.image-modal:hover .image-modal__title{opacity:1}.work-carousel{position:relative}.work-carousel__stepper{bottom:0;display:flex;padding-top:48px;position:absolute;top:0;width:100%}.work-carousel__step-back{cursor:pointer;display:flex;justify-content:flex-start;width:50%}.work-carousel__step-next{cursor:pointer;display:flex;justify-content:flex-end;width:50%}.lock{align-items:center;display:flex;height:calc(100vh - 48px);justify-content:center;padding:24px}.lock__form{width:auto}.lock .lock__btn:hover{background:none}.lock .lock__submit-btn{margin-right:-48px}.lock .lock__submit-btn:hover{background:none;color:#0c7cd5}.lock .lock__input{min-width:320px;padding-right:48px;width:calc(100% - 48px)}.lock__header{align-items:center;display:flex;font-size:calc(10px + 2vmin);justify-content:center;margin-right:1em}.lock__logo{width:160px}@media(max-width:600px){.lock{align-items:flex-start;flex-direction:column}.lock__form{width:100%}.lock__header{display:none}}.bottom-control{backdrop-filter:saturate(180%) blur(20px);background:#f5f5f5b3;bottom:0;position:sticky;z-index:1}.bottom-control .bottom-control__container{align-items:center;display:flex;justify-content:space-between;padding-bottom:8px;padding-top:8px}.bottom-control__icon{margin-right:8px}.bottom-control__control{align-items:center;display:flex}.bottom-control__control:first-child{margin-left:-12px}.bottom-control__control:last-child{margin-right:-12px}.work-dialog__title{align-items:center;display:flex;justify-content:space-between}.work-dialog__header--full-screen{background:#2196f3;color:#fff}.work-dialog__section{padding:16px 0}.work-dialog .work-dialog__content--full-screen{padding:0}.work-dialog__dot-bg{background:url(https://webassets.mongodb.com/_com_assets/cms/13x13-dot-dark@3x-wmem1vevpx.svg) repeat 6px;background-color:#f1f1f1}.work-dialog__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(424px,1fr));grid-gap:24px;margin-bottom:24px}@media(max-width:960px){.work-dialog__cards{grid-template-columns:repeat(1,1fr)}}.work-dialog__cards--1{grid-template-columns:repeat(1,1fr)}.work-dialog__cards--3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.work-dialog__cards--4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.image-comparison{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2em 0}.image-comparison__caption{margin:1em 0}