body,html{margin:0;padding:0;min-height:100%;font-family:"Open sans",sans-serif;color:#444;font-size:90%}aside{display:flex;justify-content:center;align-items:center;min-width:15%;max-width:15%;height:100%}ul{list-style-type:none;padding:0}img{object-fit:contain}.column{flex-direction:column;align-items:center}p{font-size:1.2rem;font-weight:100}h1{font-family:Poppins,sans-serif;font-weight:600;font-size:4em;margin:0 0 1em 0;letter-spacing:-2px;line-height:.9em}input,textarea{font-family:"Open sans",sans-serif;font-weight:600;font-size:1.1em}h3{font-family:Poppins,sans-serif;font-weight:100;font-size:2em;margin:0 0 1em 0}span{font-family:Poppins,sans-serif}.desktop-hidden{display:none}::selection{color:#f5ccbe;background:#fff}a{text-decoration:none;color:#f5ccbe}.modal-nav{width:100%;height:100%;position:fixed;display:flex;top:0;left:0;z-index:998;background-color:#f5ccbe;color:#fff;align-items:center;opacity:1}.modal-nav__options-container{display:flex;flex-direction:column;justify-content:space-between;width:50%;height:100%;align-items:flex-start;border-right:2px solid;cursor:pointer}.modal-open{overflow:hidden}.modal-nav__options-container a{color:#fff}.modal-nav__options-container__option:hover{transform:scale(1.1)}.mobile-nav__description-container{display:flex;width:25%;padding:0 3rem;box-sizing:content-box}.mobile-nav__description-container p{margin:0}.modal-nav__options-container__option{margin:0}.mobile-nav__logo{width:6rem}.mobile-nav__logo:hover{transform:scale(1.1)}.modal-nav__logo{position:absolute;top:1.5%}.modal-nav__options{display:flex;flex-direction:row;height:25%}.main-nav{display:flex;justify-content:center}.main-nav--secondary{color:red!important}.main-nav__container{margin:1em 0;position:absolute;display:flex;justify-content:flex-end;align-items:center;color:#f5ccbe;width:80%;height:8%;font-family:Poppins,sans-serif;font-size:1.5em}.main-nav__list{position:fixed;list-style-type:none;margin:0;padding:0;width:15%;height:5%;display:flex;justify-content:space-between;align-items:center;z-index:999}.main-nav__list-element{display:inline-block;cursor:pointer}.main-nav__list-element:hover{transform:scale(1.1)}.main-nav__action{display:flex;cursor:pointer;height:3rem;width:3rem}.main-nav__action:hover{transform:scale(1.1)}.main-nav__logo{position:absolute;top:1.5%;width:8rem;height:8rem;background-image:url("./images/logo.svg");background-size:cover;cursor:pointer}.container--center{display:flex;justify-content:center;align-items:center}.landing__container{max-width:70%;display:flex;flex-direction:row;justify-content:center}.container{max-width:70%}.landing{display:flex;background-color:#db565e;height:100vh;color:#fff}.hero__header{width:70%;display:flex;flex-direction:column}.hero__header--title{font-family:Poppins,sans-serif;font-weight:600;display:inline-block;font-size:4.8rem;letter-spacing:-2px;line-height:4.5rem;margin-bottom:.5em;width:100%}.social-links{display:flex;flex-direction:column;width:50px;height:25%;justify-content:space-around;align-items:center}.social-link{width:90%;display:flex;justify-content:center;cursor:pointer}.contact__header--sub,.hero__header--sub{font-family:"Open sans",sans-serif;font-size:1.5rem;display:inline-block}.work__grid{position:relative;margin:-10% auto 10% auto;display:grid;grid-template-columns:1fr 1fr 1fr}.work__grid__item{width:100%;height:100%;background-color:#fff;cursor:pointer;position:relative}.work__grid__item-image{object-fit:cover;width:100%;height:100%;box-shadow:5rem}.card-action{display:none!important}.work__grid__item:hover>.work__grid__item--hover{display:flex}.work__grid__item--hover-content{width:50%}.work__grid__item--hover span{font-size:2.5em;display:block;line-height:2.8rem}.work__grid__item--hover p{font-size:1.2rem;line-height:20px}.work__grid__item--hover{font-size:1.2em;display:none;position:absolute;width:100%;height:100%;top:0;z-index:999;background-color:rgba(245,204,190,.9);color:#fff;flex-direction:column;justify-content:center;align-items:center}.contact{display:flex;background-color:#db565e;height:100vh;color:#fff}.button{font-family:Poppins,sans-serif;border:2px solid #db565e;border-radius:2em;background:0 0;font-size:1.2em;color:#db565e;display:inline-block;margin:auto 0 4rem auto;cursor:pointer;padding:.2em 1em}.button--primary{border:2px solid #db565e;color:#db565e}.button--secondary{border:2px solid #fff;color:#fff}.button--secondary:hover{color:#db565e;background-color:#fff}.button--primary:hover{color:#fff;background-color:#db565e}.work__grid-container{max-width:70%;width:70%;margin:auto}.transparent{color:transparent;-webkit-text-stroke:1px #ffffff;font-weight:100}.transparent--secondary{color:transparent;-webkit-text-stroke:1px #444;font-weight:100}.transition-fade{transition:.5s;opacity:1}html.is-animating .transition-fade{opacity:0}.work-hero__header{position:relative;width:100%;margin-top:37vh;display:flex;flex-direction:row;justify-content:flex-end}.hero__header__image{position:absolute;max-width:55%;min-width:30%;top:0;left:0;z-index:2}.hero__header__description{position:relative;width:37%}.left{margin-left:0}.right{float:right;margin-right:0}.work__description--normal{width:35%}.work__description{width:40%;margin-top:25em}.work__description--small{width:35%;margin-top:0}.work-description__title{font-family:Poppins,sans-serif;font-weight:600;display:inline-block;width:100%;font-size:3.8rem;letter-spacing:-2px;line-height:.9em;margin-bottom:.5em}.header__img--secondary{position:relative;width:50%;height:50%;top:-5em;z-index:1}.work-image--long-overlap{position:absolute;width:50%;left:35%;top:35%;z-index:899}.bloom-work-container{margin-bottom:20rem}.skill-container--mobile{display:none}article{overflow:hidden;max-width:90%}.spacing{height:5em}.flex{display:flex}.contact-container{display:flex;flex-direction:row;height:100%;align-items:center;justify-content:space-between}.contact-cta{border-left:2px solid;box-sizing:content-box;padding-left:2em;width:30%}.contact__header{width:85%}.contact-button{margin-top:3rem}.work-section--lg{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:5%}.work-section--normal{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.offset{top:-8em}.maggie__work-image--med{position:relative;width:60%;top:-10em}.work-image--large{position:relative;width:70%}.work-image--med{position:relative;width:50%}.work-image--small{position:relative;width:50%;z-index:898}.work__actions{display:flex;width:70%;justify-content:space-between;align-items:center}footer{position:relative;font-family:Poppins,sans-serif;font-size:1rem;top:-5em;color:#f5ccbe}.work-image--overlap{position:absolute;width:40%;top:45em;left:40%;z-index:3}.work-image--overlap-2{position:absolute;width:40%;left:40%;z-index:2;top:45%}.personal-projects{margin-bottom:5rem;display:flex;width:100%;justify-content:center}.personal-projects__item{width:30%}.skills{display:flex;justify-content:space-between}.spacing{height:5em}.about{display:flex;padding-top:20%}.projects{margin:5em 0;display:flex;width:100%}.projects__header-container{width:50%}.projects__description-container{width:50%}.contact-header{width:80%}.contact-header__button{margin:0 auto 2em 0}.contact-form-container{padding:1rem;margin-top:10%}.contact-form{width:55%}.contact-form__input{display:inline-block;width:100%;padding:.8em;border:none;border-radius:1.5em;margin-bottom:1.5em;box-sizing:border-box}.contact-form__input:focus{outline:0}.contact-form__textarea{height:5em;max-height:16em;min-height:10em;resize:none}.contact-form__button{margin:auto;position:relative;float:right}.flex-row{display:flex;flex-direction:row;align-items:center}.mobile-active{display:none}.modal{width:100%;height:100%;position:fixed;z-index:998;top:0;left:0;background:rgba(0,0,0,.2)}.modal-wireframes{width:70vw;height:40vw;display:grid;grid-template-columns:35vw 35vw;color:#fff}.modal-wireframes__description-container{display:flex;background-color:#db565e;flex-direction:column;justify-content:center;padding:3rem;box-sizing:border-box;height:inherit}.modal-wireframes__wireframes-container{display:flex;flex-direction:column;justify-content:center;background-color:#fff;height:100%;padding:3rem;box-sizing:border-box;height:inherit}.modal-wireframes__wireframes-image{height:100%;width:100%;object-fit:contain}.modal-wireframes__wireframes-link{height:100%}.modal-button{margin:0 auto 2rem 0}@media (max-width:1680px){html{font-size:90%}.main-nav__list{width:15%}.hero__header--sub{font-size:1.3rem}#view-wireframes{margin-top:1.5rem}.work__description{margin-top:20em}}@media (max-width:1440px){.hero__header{width:75%}.hero__header--title{font-size:4rem;line-height:4rem}.hero__header--sub{font-size:1.3rem}.small-header{margin-bottom:0}.work__description--small{width:50%}.work-description__title{font-size:3.5rem}.work__description--normal{width:40%}.contact__header{padding-right:1rem}.social-links{height:15rem}.work-section--lg{margin-bottom:15%}.maggie-header{margin-bottom:1rem}.contact-header{padding:2rem}#sokos-offset{top:-3rem}.main-nav__list{width:18%}}@media (max-width:1200px){html{font-size:80%}}@media (max-width:900px){html{font-size:70%}}@media (max-width:768px){.work-description__sub{margin-bottom:3rem}article{max-width:100%}.skill-container--desktop{display:none}.skill-container--mobile{display:flex;flex-direction:column}.skill-container{border-bottom:1px solid;padding-bottom:3.5rem;margin-bottom:3.5rem}.skill-list--mobile{display:flex;justify-content:space-between}.mobile-hidden{display:none}.mobile-active{display:flex}.main-nav__list-element{display:none}.main-nav__logo{width:6rem;height:6rem}.hero__header--title{font-size:2.5rem;line-height:1em;width:90%;margin-bottom:2rem;margin-top:1.5rem}.container--center{height:80%}aside{height:80%;margin-left:1%}.work__grid__item--hover-content{width:60%}.work__grid__item--hover-content span{font-size:3rem}.work__description--normal{width:100%}.modal-nav__options{justify-content:center;align-items:center;flex-direction:column;position:relative;width:80%;height:80%;margin-top:-3rem}.modal-nav__options-container__option{font-size:2.5rem}.mobile-nav__description-container{padding:2rem 0;position:absolute;top:60%;width:80%}.modal-nav__options-container{width:80%;height:20%;border-right:none;border-bottom:2px solid;padding-bottom:1rem}.social-link{width:70%}.social-links{height:15rem}.cv{height:40px}.landing__container{height:90%;align-items:center}.work__grid-container{max-width:80%;width:80%}.work__grid{grid-template-columns:1fr;margin-top:-70%;grid-gap:2rem}.main-nav__list{width:30%}.work-hero__header{margin-top:140%;flex-direction:column-reverse;align-items:center}.gutter{min-width:0}.hero__header{width:95%;margin:auto}.hero__header__image{position:static;max-width:115%;margin-top:20%}.hero__header__description{width:100%;margin-left:10%;margin-top:2.5rem}.button--secondary{font-size:1rem;margin-bottom:1rem}.button--primary{font-size:1rem}.work-description__title{font-size:2.4rem}.work-section--lg{flex-direction:column;align-items:center;width:100%}.work-section--normal{flex-direction:column;align-items:center;width:100%;margin-bottom:5rem}.work__actions{margin-top:2rem;width:80%}.reverse{flex-direction:column-reverse}.work__description{width:100%;margin-top:17rem;margin-bottom:2rem}.work__description--small{width:100%;margin:2rem 0}.work-image .work-image--overlap-2{left:0}.work-image--med{width:100%}.maggie__work-image--med{width:100%;top:0}.header__img--secondary{width:100%;top:0}.container{max-width:80%;margin:auto}.contact-container{flex-direction:column;justify-content:center;width:85%;overflow:hidden}.contact-form-container{margin:0}.contact-cta{padding:1rem 0 0 0;width:100%;border-top:2px solid #fff;border-left:none}.contact__header{width:100%;padding:0}.contact{position:relative}.contact__header--sub{font-size:1.2rem;width:85%}footer{position:absolute;top:auto;bottom:2rem}.about{padding-top:55%}.skills{flex-direction:column;margin:auto}.projects{flex-direction:column}.projects__header-container{width:100%}.projects__description-container{width:100%}.personal-projects{flex-direction:column}.personal-projects__item{width:100%;margin-bottom:1em}.contact-header__container{flex-direction:column;margin-top:45%}.contact-form{width:85%;margin-right:10%;margin-left:auto;margin:none}.contact-form__input{padding:.5rem .8rem;margin-bottom:1rem}.offset{top:0}.work-image--large{width:100%}.hero__header--sub{font-size:1rem}.waxsmith-mobile-order :nth-child(1){order:2}.waxsmith-mobile-order :nth-child(2){order:1}.waxsmith-mobile-order :nth-child(3){order:3}.sis-mobile-ordered :nth-child(1){order:2}.sis-mobile-ordered :nth-child(2){order:3;position:static;width:100%}.sis-mobile-ordered :nth-child(3){order:1}.patricias-mobile-ordered :nth-child(1){order:2}.patricias-mobile-ordered :nth-child(2){order:1}.patricias-mobile-ordered :nth-child(3){order:3;position:static;width:100%}.modal{height:100%}.modal-wireframes{width:70vw;height:80vh;display:flex;flex-direction:column;color:#fff}.modal-wireframes__description-container{height:50%;padding:1.5rem}.modal-wireframes__wireframes-container{padding:1rem;height:50%}.wireframes__description{font-size:1rem}.wireframes__header{font-size:2.5rem;margin-bottom:.5rem}.card-action{display:inline-block!important;margin-top:2rem}li{font-size:1.2rem}}@media (max-width:320px){.social-links{height:15rem}}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9V1s.ttf) format("truetype")}.work-section__image-container{position:relative;margin-bottom:6rem}.work-image--small{width:50%}.work-image--long-overlap{width:50%}.contact-header__container{display:flex;align-items:center}.show-modal{opacity:1;z-index:998;animation:show .25s}.hide-modal{opacity:0;z-index:-1;display:none;animation:hide .25s}@keyframes hide{from{transform:scale(1);opacity:1;z-index:998}to{transform:scale(0);opacity:0;z-index:-1}}@keyframes show{from{transform:scale(0);opacity:0;z-index:-1}to{transform:scale(1);opacity:1;z-index:998}}.hidden{display:none;opacity:0;height:0}