.card_image{align-items:center;background:gray;background-position:50%!important;background-size:cover!important;display:flex;height:30rem;justify-content:center;overflow:hidden;width:100%}.card_image img{height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:visible;width:100%}.card_text{align-items:center;display:inline-flex;margin:1rem 0}.card_text h4{font-size:1.5rem;font-weight:700;margin-right:1rem}.work_card{color:#121212;display:block}.work_card .card_arrow{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.work_card:hover .card_arrow{transform:translate(1.5rem)}.homepage .hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 6rem);padding:6rem 0 2rem;text-align:center}.homepage .hero img{opacity:0}.homepage .hero .hero__content{margin:3rem 0}.homepage .hero .hero__content h4{color:#e7513a;font-size:1rem;line-height:1.6rem}.homepage .hero .hero__content h1{color:#121212;font-size:5rem;line-height:5rem;max-width:16ch}@media screen and (max-width:768px){.homepage .hero .hero__content h1{font-size:2.8rem;line-height:1.2em;max-width:32ch}}.homepage .hero .hero__content .hline{display:block;height:calc(100% + 10px);overflow:hidden}.homepage .hero .hero__content .hline .hline_inner{display:inline-block;opacity:0}.homepage .hero .hero__spacer{display:block;height:10rem;width:1px}.homepage .hero .hero__spacer .hero_spacer__inner{background:#e7513a;display:block;height:0;width:100%}.selected_work{background:#f8f8f8;padding:4rem 0}.selected_work h2{align-self:center;text-align:center}.selected_work .selected_work__grid{display:grid;grid-gap:2rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);margin-top:2rem}@media screen and (max-width:768px){.selected_work .selected_work__grid{grid-template-columns:1fr;grud-template-rows:auto}}.selected_work .selected_work__grid h2{font-size:3rem;line-height:1em;margin:0 auto;max-width:10ch}@media screen and (max-width:768px){.selected_work .selected_work__grid h2{font-size:2rem;line-height:1em}}.selected_work .selected_work__grid .work_card{grid-row:auto/span 2}.selected_work .selected_work__grid .more_work_link{align-self:center;text-align:center}.about_me{padding:8rem 1rem}.about_me .about{margin:0 auto;text-align:center}.about_me .about h4{color:#e7513a;font-size:1rem;line-height:1.5rem}.about_me .about h2{color:#121212;font-size:3rem;line-height:3rem;margin:0 auto;max-width:18ch}@media screen and (max-width:768px){.about_me .about h2{font-size:2rem;line-height:1em}}.about_me .about .about_me_highlight{background:transparent;cursor:none;display:inline-block;font-weight:700;height:-moz-fit-content;height:fit-content;pointer-events:all;text-decoration:underline;width:-moz-fit-content;width:fit-content}.about_me .about .ooh_gif{backface-visibility:hidden;border-radius:50%;box-sizing:border-box;display:none;height:100px;left:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:fixed;top:0;transition:all .118s;width:100px;z-index:100000}.about_me .skills_section{display:grid;grid-template-columns:1fr 2fr 1fr;margin-top:8rem;grid-gap:2rem}@media screen and (max-width:768px){.about_me .skills_section{grid-template-columns:1fr;grid-template-rows:auto}}.about_me .skills_section h4{color:#e7513a;margin-bottom:1rem}.about_me .skills_section h5{font-weight:700;margin-bottom:.5rem}.about_me .skills_section li{line-height:1.5em;margin-bottom:.5rem}.about_me .skills_section .software{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:2}.about_me .skills_section .software h4{display:block;grid-column:1/4}@media screen and (max-width:768px){.about_me .skills_section .software h4{grid-column:1/4}.about_me .skills_section .software{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}}
