body{background-color:#faf8f1!important;color:#382c22!important;font-family:Syne,sans-serif!important;padding-left:unset!important}html{scroll-behavior:smooth}nav{display:flex;justify-content:space-around;padding:3em;font-size:1.5em;height:20vh}ul{list-style-type:none;display:flex}li{cursor:pointer}.first-li{margin-right:1em}nav li a:hover{text-decoration:underline;text-decoration-thickness:3px}.top-title-container{align-self:flex-start}.bottom-title-container{width:min-content;align-self:flex-end}.title{font-size:7.5em;line-height:1}.page-title{font-size:4em;margin-left:.6em;padding-top:1em}.homepage{display:flex;height:80vh;padding:0 3em}.first-hero-heading{font-size:6em!important}.second-hero-heading{padding-top:1.5em}.hero-span{font-weight:700}.projects-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;border-radius:5px}.project-container{border-bottom:1px solid black;padding-bottom:1em}.figcaptions{display:flex;justify-content:space-between;padding-top:1em}.figcaption-left{align-self:flex-start}.figcaption-right{align-self:flex-end}img{width:28em}a{text-decoration:none;color:#000}svg{margin-left:.25em}h2{font-size:2em}.left-title{border-right:3px solid black;padding-right:1em;text-align:left}.right-title{border-left:3px solid black;padding-left:1em;text-align:right}#projects{height:100vh}.chakra-card__footer{justify-content:space-around}.project-cards{margin-top:2em;display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-bottom:4em}.chakra-card{margin-top:1em}#contact{display:flex;justify-content:center;border-top:1px solid #382c22;height:10vh}.contact-section{display:flex;justify-content:space-evenly;height:10vh;height:15vh;width:50vw;align-items:center}.contact-icon svg{font-size:2em;color:#382c22;cursor:pointer}.contact-icon svg:focus,.contact-icon svg:hover{border-bottom:2px solid #382c22}.scroll-button{position:fixed;bottom:40px;font-size:2em!important;z-index:1;cursor:pointer;background-color:#faf8f1!important}.scroll-text{font-size:16px}@media only screen and (max-width: 540px){.second-hero-heading{font-size:3em}nav li a{font-size:.8em}.page-title{font-size:2em}.first-hero-heading{font-size:2.2em!important;line-height:2!important}.homepage{padding:0 1em}.contact-section{align-items:flex-end}#contact{flex-direction:column;align-items:flex-end}}@media only screen and (min-width: 560px){.first-hero-heading{font-size:2.2em!important;line-height:2!important}}@media only screen and (min-width: 768px){nav li a{font-size:1em}.first-hero-heading{font-size:3.2em!important;line-height:2!important}}@media only screen and (min-width: 992px){.first-hero-heading{font-size:6em!important}nav li a{font-size:1.3em}.page-title{font-size:4em}}