@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap";*{box-sizing:border-box;margin:0}:root{font-size:calc(.25em + 1vw);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark: #303641;--header-height: 7.5em;--sidebar-height: 2em;--sidebar-width: 250px;--sidebar-width-tablet: 200px}@media only screen and (max-width: 800px){:root{font-size:calc(.5rem + 1vw)}}.section{padding-bottom:2rem;animation-name:fadein;animation-duration:.7s;animation-iteration-count:1;animation-timing-function:ease-in;display:flex;flex-direction:column;align-items:center;font-family:sans-serif}.section a:not(.card__link,.social),.section a:not(.card__link,.social):visited{color:var(--dark);text-decoration:none;font-style:italic;transition:all .3s;position:relative}.section a:not(.card__link,.social):hover,.section a:not(.card__link,.social):visited:hover{color:#000}.section a:not(.card__link,.social):before{position:absolute;margin:0 auto;top:85%;left:0;width:100%;height:2px;background-color:#deb887;content:"";opacity:.5;transform:scaleX(.9);transition:all .3s}.section a:not(.card__link,.social):hover:before{opacity:1;transform:scaleX(1)}.container{position:relative;min-height:calc(100vh - var(--header-height));color:var(--dark);background:linear-gradient(180deg,#fff,#eaeaea)}main{margin-top:var(--header-height)}ul.menu-list{list-style-type:none;padding:0;font-size:1.6rem}ul.menu-list a{text-decoration:none;border-bottom:none;color:currentColor}ul.menu-list a:visited{color:currentColor}ul.menu-list li{display:inline-block}.menu{z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:var(--header-height);position:fixed;top:0;background-color:#fff}.menu li{font-family:Lato,Times New Roman,serif;transition:all .28s ease-in-out;text-decoration:none;text-transform:uppercase;position:relative;padding:0 calc(.1rem + 1vw);letter-spacing:0}.menu li:hover,.menu li:active,.menu li:has(a.active){letter-spacing:5px;color:#000}.menu li:after,.menu li:before{backface-visibility:hidden;border:1px solid rgba(255,255,255,0);bottom:0;content:" ";display:block;margin:0 auto;position:relative;transition:all .28s ease-in-out;width:0}.menu li:hover:after,.menu li:hover:before,.menu li:has(a.active):after{backface-visibility:hidden;border-color:#deb887;transition:width .35s ease-in-out;width:100%}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (max-width: 800px){.about__container{max-width:90%}}.about .hero{font-family:Lato,serif;display:flex;justify-content:space-evenly;align-items:center;padding-bottom:1em}.about .hero img{height:6.25em;width:6.25em}@media (max-width: 700px){.about .hero img{display:none}}.about .hero .name{text-transform:uppercase;font-size:2rem;letter-spacing:calc(.72rem + 1vw)}.about .bio{font-size:1.75em;padding-left:.5rem;padding-right:.5rem;margin-bottom:1rem;border-left:2px solid burlywood;font-weight:300}.about span{width:50%}.layout{display:grid;grid-template-columns:250px 1fr 250px;max-width:1400px;margin:0 auto;width:100%;padding:0 .5rem}.layout__content{min-width:0;padding:0 3rem}.layout__sidebar{flex-shrink:0}@media only screen and (max-width: 1024px){.layout{grid-template-columns:var(--sidebar-width-tablet) 1fr}.layout__sidebar--right{display:none}}@media only screen and (max-width: 768px){.layout{grid-template-columns:1fr}.layout__content{padding:0 1rem}.layout__sidebar--left{order:-1;height:var(--sidebar-height)}.layout__sidebar--right{display:none}}@media only screen and (max-width: 480px){.layout{gap:.5rem}}.contact a{color:var(--dark)}.contact p{font-size:1.75em;font-weight:200;margin:0}.contact .social{padding:calc(.2rem + 1vw) calc(2rem + 1vw) 0 0}.contact .social svg{transition:all .5s;height:calc(2rem + 1vw);width:calc(2rem + 1vw)}.contact .linkedin:hover{fill:#0077b5}.contact .mail:hover{fill:#cc3429}.contact .github:hover{fill:#24292e}.contact__social{padding-bottom:2em;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.contact__container{padding:1rem .5rem;display:flex;color:var(--dark);flex-direction:column;max-width:calc(35rem + 1vw);border-left:2px solid burlywood}@media (max-width: 800px){.contact__container{max-width:90%}}.projects__container{display:grid;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:max-content;grid-gap:2em 2em}@media only screen and (max-width: 800px){.projects__container{max-width:90%}}.card{color:var(--dark);transition:all .25s ease-in-out;position:relative;border-left:2px solid burlywood;padding:1rem .5rem;font-weight:400;line-height:1.4}.card__tech{padding-bottom:1em}.card__text{font-weight:400;line-height:1.4;padding:.5rem 0}.card__title{font-family:Lato,serif;font-size:2em;padding-bottom:1em;font-weight:700;display:flex;align-items:center}.card__detail-link{font-style:italic;transition:all .2s}.card__detail-link svg{fill:var(--dark);height:1.5em;width:1.5em}.card__detail-link:after{backface-visibility:hidden;bottom:0;content:" ";display:block;position:relative;transition:all .28s ease-in-out;width:0;height:1px;background-color:#deb887}.card__detail-link:hover:after{backface-visibility:hidden;transition:width .35s ease-in-out;width:100%}.card__detail-link.back:after{margin:0 auto}.card__detail-link:hover{letter-spacing:1px}.card__detail-link .icon{display:inline-block;transform:translate(-1px);transition:all .2s}.card__detail-link:hover .icon{color:#deb887;transform:translate(2px)}.card__detail-link.back:hover .icon{transform:translate(-3px)}.card__link{text-decoration:none;display:inline-block;color:var(--dark)}.card__link:visited{color:var(--dark)}.card__link--live{display:flex}.card__link--live svg{margin-left:.25em;height:.75em;width:.75em;transition:all .3s}.card__link--live svg:hover{fill:#deb887}.sidebar{display:flex;flex-direction:column;font-family:Lato,Helvetica Neue,sans-serif;position:fixed;width:var(--sidebar-width)}.sidebar ul{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.sidebar ul li{margin-bottom:.5rem}.sidebar ul li a{display:block;padding:.75rem 1rem;color:var(--dark);text-decoration:none;transition:all .3s ease;font-size:.85rem;border-radius:20px}.sidebar ul li a:hover{background-color:#0000000d}.sidebar ul li a.active{font-weight:700;background-color:#00000014;color:var(--dark)}@media only screen and (max-width: 1024px){.sidebar{width:var(--sidebar-width-tablet)}}@media only screen and (max-width: 768px){.sidebar{width:100%;background-color:#fff;z-index:10}.sidebar ul li a{padding:.5rem .75rem;font-size:.75rem}.sidebar ul{flex-direction:row;overflow-x:auto}}.project-detail__container{font-family:Lato,sans-serif;padding:1rem}@media only screen and (max-width: 800px){.project-detail__container{max-width:95%}}.project-detail__container h2{margin-bottom:1em}.project-detail__container p{text-indent:3rem;line-height:1.25;font-size:1.25rem}.project-detail__container p:not(:last-child){margin-bottom:2rem}.project-detail__container a:not(.back){text-decoration:none;transition:all .3s;font-style:italic}.project-detail__container a:not(.back):hover{color:#000}