*{margin:0;padding:0;box-sizing:border-box}body,html{background-color:#fff;color:#555;font-weight:300;font-size:20px;text-rendering:optimizeLegibility;overflow-x:hidden}.main-nav,body,html{font-family:Red Hat Display,sans-serif}.main-nav{background-image:-webkit-linear-gradient(rgba(0,0,0,.51),rgba(0,0,0,.5)),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.52))),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-image:-webkit-linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.52)),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.52)),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-size:auto;position:fixed;top:0;left:0;right:0;display:flex;justify-content:flex-end;align-content:right;margin-top:10px,auto;height:4em;font-weight:700;z-index:2}.main-nav a:link,.main-nav a:visited{float:right;padding:8px 0;color:#fff;text-decoration:none;text-transform:uppercase;font-size:100%;border-bottom:2px solid transparent;-webkit-transition:border-bottom .2s;transition:border-bottom .2s}.main-nav a:active,.main-nav a:hover{border-bottom:2px solid #f39c12}.navlink{size:36px;margin:0 3em;text-decoration:none;align-self:center}.main-page,.navlink{font-family:Red Hat Display,sans-serif}.main-page{background-size:cover;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.45)),to(rgba(0,0,0,.95))),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-image:-webkit-linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.95)),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.95)),url(/Mariann-website/static/media/hero.40fcb430.jpg);color:#fff;letter-spacing:2px;background-attachment:fixed;width:100vw;height:100vh;padding:4em;display:flex;justify-content:center}.intro{display:flex;flex-wrap:wrap}.intro__content{flex:1 1;align-content:flex-start;align-self:center;font-size:110%;text-align:center}.intro__content img{height:11em;border-radius:50%;-webkit-filter:brightness(80%);filter:brightness(80%);padding-bottom:1em}.intro__link:link,.intro__link:visited{color:#fff;text-decoration:none;border-bottom:2px solid transparent;-webkit-transition:border-bottom .2s;transition:border-bottom .2s}.intro__link:active,.intro__link:hover{border-bottom:2px solid #f39c12}.projects{background-color:#fff;color:#000;background-attachment:fixed;width:100vw;height:200vh;padding-top:4em;text-decoration:none}.project_skills{float:right;width:80%;margin:3em 0 1em}.skills{display:flex;justify-content:space-around}.skill_label{text-transform:uppercase;font-size:.85em;letter-spacing:.02em;padding-bottom:5px;font-weight:600}.skill_category ul{font-size:.75em;list-style:none;margin:0;padding:0}.skill_category li{padding-bottom:2px}.project__elem{margin:2em 2em 1em 1em}.project__elem,.project__elem1{padding:1em;display:flex;border-radius:4px;flex-direction:row;justify-content:flex-start;align-items:center}.project__elem1{margin:15em 2em 1em 1em}.project__title{text-align:center}div.project_container__elem__tag1{margin-left:5em;margin-right:1em}.project_container__img{display:block;height:250px;width:auto;border-radius:6px;box-shadow:0 30px 80px 10px rgba(0,0,0,.2);-webkit-filter:brightness(90%);filter:brightness(90%);overflow:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .5s,opacity .5s;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s}.project_container__img:hover{-webkit-filter:brightness(100%);filter:brightness(100%);-webkit-transform:scale(1.03);transform:scale(1.03)}.project_details{display:flex;justify-content:flex-start;align-items:center;padding-top:.5em;padding-bottom:1em;text-align:center}.project_detail{display:block;margin-left:1em;margin-right:1em}.tech{text-transform:uppercase;list-style:none;font-size:.7em}.project_title:link,.project_title:visited{color:#0c213d;text-decoration:none;-webkit-transition:.2s;transition:.2s}.project_title:active,.project_title:hover{color:grey}.project_container__icon{display:block;width:2.5em;height:auto;-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transition:.2s;transition:.2s}.project_container__icon:active,.project_container__icon:hover{height:auto;-webkit-filter:brightness(100%);filter:brightness(100%)}.contact-main{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.45)),to(rgba(0,0,0,.95))),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-image:-webkit-linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.95)),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.95)),url(/Mariann-website/static/media/hero.40fcb430.jpg);background-size:cover;color:#fff;font-family:Roboto,sans-serif;background-attachment:fixed;width:100vw;height:100vh;padding:4em 0}.contact{align-self:center;justify-content:space-evenly;width:20em;margin:auto}.contact,.contact__img{display:flex;align-items:center}.contact__img{border-radius:3px;justify-content:center;padding-top:3em}.contact__img img{width:12em;align-self:center;-webkit-filter:brightness(80%);filter:brightness(80%);border-radius:50%}.contact img{align-self:center;justify-content:center;margin-top:3em;height:4em;width:4em;-webkit-transition:.2s;transition:.2s}.contact img:active,.contact img:hover{width:5em;height:auto}@media only screen and (max-width:800px){.navlink{size:28px;margin:0 1em}.intro__title{flex:1 0 100%;align-items:center;justify-content:center;padding:1.5em 0 0;size:18px}.projects{height:350vh}.skills{font-size:.85em}.intro__content{padding:0}}@media only screen and (max-width:500px){.main-nav{font-size:.7em}.contact img{margin:3.5em .5em .5em}.projects{height:350vh}.skills{font-size:.72em}.skills h3{margin-right:.65em}.skill-label{margin-right:.8em}.project__elem{flex-flow:row wrap;justify-content:center}.project__elem1 p,.project__elem p{font-weight:700}.project__elem1{flex-flow:row wrap}.project__elem1,.project_details{justify-content:center}.project_detail{margin-left:.1em;margin-right:.1em}div.project_container__elem__tag1 a{margin:auto}div.project_container__elem__tag2{margin-top:.4em;text-align:center;margin-left:4em;margin-right:4em}.tech p{text-align:center}}@media only screen and (max-width:900px){.project_container__img{height:200px;margin-left:2em}.project__elem,.project__elem1{margin-left:.5em;margin-right:.5em}}@media only screen and (max-width:780px){.project_container__img{height:150px}div.project_container__elem__tag1{margin-left:0}}@media only screen and (max-width:680px){.project_container__img{height:110px;margin-left:2em}.project__elem,.project__elem1{margin-left:.5em;margin-right:.5em;padding:0 0 1em}div.project_container__elem__tag1{margin-left:0}.project_detail{margin-left:.3em;margin-right:.3em}}
/*# sourceMappingURL=main.07933116.chunk.css.map */