html,body{height:100%}.navy{color:#18195d}.yellow{color:#fff483}.mint{color:#6cedc2}.pink{color:#e4bcb4}.logo{font-family:'Poppins', serif;font-weight:600;font-size:1.5rem;border-bottom:4px solid #fff !important;display:inline-block;text-decoration:none}a.category{color:#18195d;text-decoration-color:#6cedc2;text-decoration-thickness:5px}a.category h2{color:#18195d}a.category:hover{text-decoration-color:#18195d;text-decoration-thickness:5px}a.image{display:block}a.image:hover{cursor:pointer}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.homepage-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr;padding:6rem 2rem}@media only screen and (max-width: 800px){.homepage-hero{grid-template-columns:1fr;grid-template-rows:1fr;padding:3rem 2rem}}.homepage-hero-wrapper{background-color:#faf3de;background-image:url(../img/circle-mint.svg),url(../img/circle-filled.svg);background-repeat:no-repeat, no-repeat;background-position:-8% -50%, 120% 200%;background-size:30%, 40%}.homepage-hero-intro{background:#18195d url(../img/hero-texture.png) repeat fixed;box-shadow:-20px -20px 0 #fff;letter-spacing:0.1em;line-height:1.5;padding:2.5rem;display:flex;place-items:center;font-size:.5rem}@media only screen and (max-width: 800px){.homepage-hero-intro{padding:1.5rem 2rem}}@media only screen and (min-width: 800px){.homepage-hero-intro:after{width:100px;background:#6cedc2;content:'';height:3px;margin:auto;position:absolute;left:0;right:0}}.homepage-hero .dim{opacity:60%;font-weight:400}.homepage-hero-portrait{max-width:100%;background:url(../img/circle-yellow.svg) no-repeat -15% -15%,url(../img/triangle.svg) no-repeat 112% 106%,url(../img/hope-armstrong-portrait.jpg) no-repeat top left;background-size:200px, 230px, cover;height:700px}@media only screen and (max-width: 800px){.homepage-hero-portrait{background:url(../img/circle-yellow.svg) no-repeat -15% -15%,url(../img/triangle.svg) no-repeat 112% 106%,url(../img/hope-armstrong-portrait.jpg) no-repeat center center;background-size:130px, 130px, cover;height:480px}}@media only screen and (max-width: 800px){.homepage-hero h1{font-size:1.5rem !important}}.homepage-sections{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem}@media only screen and (max-width: 800px){.homepage-sections{grid-template-columns:1fr}}.homepage-sections-item{display:flex;flex-wrap:wrap;flex-direction:column}.homepage-sections-item img{max-width:100%}.homepage-sections-item .button{margin-top:auto}div.homepage-content{position:relative}div.square{width:80px;height:80px;background-color:#fff483;position:absolute;top:50px;left:-50px}div.circle{width:100px;height:100px;background-color:#6cedc2;position:absolute;bottom:50px;right:-50px;border-radius:50%}div.content img{position:relative}.about-hero{height:225px;background:#18195d url(../img/hero-texture.png) repeat fixed;display:flex;align-items:center;justify-content:center}.about-hero h1{color:#faf3de}.about-experience img{max-width:130px;margin-top:1.5rem;margin-bottom:1rem}.about-experience-previous{display:grid;grid-template-columns:.5fr 1fr;align-items:center}@media only screen and (max-width: 800px){.about-experience-previous{grid-template-columns:1fr 1fr}}.me{max-width:1200px;width:100%;bottom:0;left:50%;transform:translateX(-50%);border-left:9px solid #bc00f2;border-top:9px solid #bc00f2}@media only screen and (max-width: 700px){.me{z-index:200}}.teaching-card{border-radius:10px;-webkit-box-shadow:0px 5px 10px -2px rgba(0,0,0,0.27);-moz-box-shadow:0px 5px 10px -2px rgba(0,0,0,0.27);box-shadow:0px 5px 10px -2px rgba(0,0,0,0.27);margin-bottom:2rem}.teaching-card-header{background-color:#18195d;color:#fff;border-radius:8px 8px 0 0;padding:1rem 1rem .1rem 1rem}.teaching-card-header h3,.teaching-card-header p{color:#fff}.teaching-card-content{padding:1rem}.portfolio-wrap nav a{font-family:'Space Mono', monospace}.portfolio-wrap header{position:sticky;top:0;z-index:2;background:#fff}.page-wrap{min-height:100%;margin-bottom:-142px !important}.page-wrap:after{content:"";display:block}footer,.page-wrap:after{height:142px}.card__image{background-position:center center;background-repeat:no-repeat;height:300px}.card__image--cover{background-size:cover}.card__image--contain{background-size:contain}.card{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.card:hover{box-shadow:0px 2px 3px 0px rgba(0,0,0,0.2)}.card__image--providence{background-image:url(../img/paintings/gouache-providence.jpg)}.card__image--energyball1{background-image:url(../img/paintings/acrylic-energy-ball1.jpg)}.card__image--energyball2{background-image:url(../img/paintings/acrylic-energy-ball2.jpg)}.card__image--tvfuzzies{background-image:url(../img/paintings/acrylic-tv-fuzzies.jpg)}.card__image--fastfoodstomach1{background-image:url(../img/paintings/gouache-fast-food-stomach1.jpg)}.card__image--fastfoodstomach2{background-image:url(../img/paintings/gouache-fast-food-stomach2.jpg)}.card__image--fastfoodstomach3{background-image:url(../img/paintings/gouache-fast-food-stomach3.jpg)}.card__image--fastfoodstomach4{background-image:url(../img/paintings/gouache-fast-food-stomach4.jpg)}.card__image--womansitting{background-image:url(../img/paintings/oil-woman-sitting.jpg)}.card__image--bodyscape{background-image:url(../img/paintings/oil-bodyscape.jpg)}.card__image--figure3{background-image:url(../img/paintings/acrylic-figure3.jpg)}.card__image--twoheadedcat{background-image:url(../img/paintings/acrylic-twoheadedcat.jpg)}.card__image--tabloids{background-image:url(../img/paintings/collage-tabloids.JPG)}.card__image--errands{background-image:url(../img/paintings/gouache-errands.jpg)}.card__image--springday1{background-image:url(../img/paintings/gouache-springday1.jpg)}.card__image--springday2{background-image:url(../img/paintings/gouache-springday2.jpg)}.card__image--springday3{background-image:url(../img/paintings/gouache-springday3.jpg)}.card__image--bodyscape{background-image:url(../img/paintings/oil-bodyscape.jpg)}.card__image--figure1{background-image:url(../img/paintings/oil-figure1.jpg)}.card__image--figure2{background-image:url(../img/paintings/oil-figure2.jpg)}.card__image--hangout{background-image:url(../img/paintings/oil-hangout.JPG)}.card__image--honey{background-image:url(../img/paintings/oil-honey.JPG)}.card__image--time{background-image:url(../img/paintings/oil-time.JPG)}.card__image--lesigh{background-image:url(../img/paintings/oil-lesigh.jpg)}.paintings img{max-width:600px !important;width:100%}.row{max-width:800px;margin:0 auto}@media only screen and (max-width: 800px){.row{margin:0 1.5rem}}.row-full{margin:0 auto}.intro-header{position:fixed;top:0;left:0;height:100vh;width:100%;display:table;z-index:-1}.intro-header:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.intro-header .bg-image{position:absolute;width:100%;height:100%;top:0;left:0;background:url("../../img/illustrations/hbd-saturn.png") center center no-repeat;background-size:cover}.intro-header .bg-image-apprenticeship{background-image:url("../portfolio/img/apprenticeship/hero-pattern.jpg") !important}.intro-header .bg-image-beam{background-image:url("../portfolio/img/beam/hero-pattern.jpg") !important}.intro-header .bg-image-vegan-bootcamp{background-image:url("../portfolio/img/vegan-bootcamp/hero-pattern.jpg") !important}.intro-header .bg-image-ux-techdegree{background-image:url("../portfolio/img/ux-techdegree/hero-pattern.jpg") !important}.intro-header .bg-image-techdegree-projects{background-image:url("../portfolio/img/techdegree-projects/hero-pattern.jpg") !important}.intro-header .bg-image-teaching-projects{background-image:url("../portfolio/img/teaching-projects/hero-pattern.jpg") !important}.intro-header .scroll-container{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:50px}.intro-header .scroll-wrap{display:flex;align-items:center;justify-content:space-around;width:300px}.intro-header .scroll{width:60px;height:60px;border:4px solid #fff;border-radius:50%;position:relative;animation:down 1.5s infinite;-webkit-animation:down 1.5s infinite;box-shadow:0px 7px 10px 9px rgba(0,0,0,0.05)}.intro-header .scroll::before{content:'';position:absolute;top:15px;left:18px;width:18px;height:18px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg)}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}@-webkit-keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}.content{background:#fff;margin-top:100vh}.list-padded li{margin-bottom:1rem}.project-details{max-width:800px;display:grid;grid-template-columns:1fr 1fr 2fr 2fr;grid-column-gap:20px;padding:60px 0}@media only screen and (max-width: 800px){.project-details{grid-template-columns:1fr;grid-gap:1rem}}.project-details h2{font-family:'Space Mono', monospace;color:#576366;font-size:1.125rem !important}.project-details p{font-weight:bold;font-size:1.125rem !important;line-height:1.25;padding-top:10px}.project-writeup{display:grid;grid-template-columns:1fr 2fr}@media only screen and (max-width: 800px){.project-writeup{grid-template-columns:1fr}}.project-writeup-box{border-bottom:solid 1px #f0f2f4;padding:60px 0}.project-writeup-box .bold{padding-bottom:12px}.project-writeup h2{font-family:'Space Mono', monospace;color:#576366;font-size:1.125rem !important}.project-writeup-gallery{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr;grid-template-areas:"top  top" "left right"}.project-writeup-gallery-box img{width:100%}.project-writeup-gallery-top{grid-area:top}.project-writeup-gallery-left{grid-area:left}.project-writeup-gallery-right{grid-area:right}.project-insight{padding:1.5rem;margin-top:1rem;margin-bottom:0.25rem;display:inline-flex;background-color:#fafafa;border-radius:15px;align-items:center;border-bottom:3px solid #edeff0}.project-insight-icon{padding-right:10px}.project-insight-icon .fas{font-size:1.5rem;color:#6cedc2}.project-insight-text{padding-left:10px}.project-insight p{color:#18195d;line-height:1.2rem}#phase1,#phase2,#phase3,#phase4{margin-top:1.5rem;margin-bottom:1.5rem}#top{position:fixed;z-index:1;bottom:20px;right:20px;background:#000;background:rgba(0,0,0,0.5);width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-align:center}#top i{color:#fff;margin:0;position:relative;top:13px;font-size:26px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}#top:hover{background:#bc00f2}#top:hover i{color:#fff;top:5px}