#contact-section{background-color:var(--primary)}#contact-div{padding:4rem 0;margin:auto;display:flex;flex-direction:column;align-items:center}#contact-div p{text-align:center;max-width:45rem;margin-top:1.5rem}#mail{border:1px solid var(--secondary);margin-top:2rem;padding:.75rem 1.75rem}#mail #mail-icon{vertical-align:text-bottom}#contact-div img{vertical-align:bottom;margin-right:.5rem}#mail p{display:inline;font-size:.9rem}#socials-div{display:flex;justify-content:center;gap:5rem;width:100%;margin-top:3rem}#socials-div img{vertical-align:top}#footer-github-image{width:19px;height:18px}.socials a{color:var(--text-opacity)}footer{padding-top:.25rem;padding-bottom:.75rem;background-color:var(--tertiary);text-align:center}footer a{font-size:.75rem;color:var(--text-opacity-2)}@media (max-width: 450px){#socials-div{gap:2rem;justify-content:space-between}#mail{padding:.5rem 1.3rem}}header{padding:1.5rem 0}nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}#logo{font-size:1.8rem}#nav-wrap{margin:auto;border-bottom:2px solid var(--tertiary)}nav ul{display:flex;gap:5rem;list-style:none}nav ul li:before{transform:scale(1.5);content:"\2022";color:var(--secondary);font-weight:700;display:inline-block;width:1rem}#menu-wrap{display:none;padding:.5rem 0;cursor:pointer}#menu:before{content:"";background-color:var(--secondary);width:1.5rem;height:2px;display:block;position:relative;top:-6px;border:none}#menu{background-color:var(--secondary);width:1.5rem;height:2px;border:none}#menu:after{content:"";background-color:var(--secondary);width:1.5rem;height:2px;display:block;position:relative;top:4px;border:none}#mobile-links-div{display:none}@media (max-width: 700px){#nav-wrap{border:none}nav{justify-content:space-between;padding-bottom:1.5rem}#logo{font-size:1rem}#menu-wrap{display:block}nav ul{display:none}#mobile-links-div{display:block;background-color:var(--tertiary)}#mobile-links-div li{list-style:none;padding:.5rem 0;font-size:1.1rem}#mobile-links-div a{padding-right:85%;padding-top:.5rem;padding-bottom:.5rem}}#first-page{background-color:var(--primary);height:100vh;background-image:url(/assets/portBack-27e30472.png);background-repeat:no-repeat;background-position:center}#hero-div{margin:auto;display:flex;flex-direction:column;justify-content:center;height:70vh}#hero-subdiv{padding-left:7rem}h1{font-size:4rem}#h2{font-size:3rem}#interest-p{max-width:30rem;margin-top:1rem}#hero-cta-div{margin-top:3rem}#arrow,#message-icon{margin-right:1rem;vertical-align:middle}#project-cta{padding:.75rem 2rem}#talk-cta{padding:.75rem 2rem;margin-left:2rem}@media (max-width: 850px){#hero-subdiv{padding-left:0}#interest-p{max-width:max-content}}@media (max-width: 700px){h1{font-size:3rem}#h2{font-size:2rem}#talk-cta{margin-left:1rem}}@media (max-width: 500px){#hero-cta-div button{padding:.5rem 1.5rem}#arrow,#message-icon{margin-right:.5rem}}@media (max-width: 400px){#talk-cta{margin-left:.75rem}}@media (max-width: 340px){#talk-cta{margin-left:0;margin-top:.5rem}}#projects-section{background-color:var(--tertiary)}#projects-div{margin:auto}#projects-div h2{text-align:center;padding-top:3rem}#project-list{padding:10rem 0}.projects1,.projects2{position:relative;display:flex;justify-content:space-between}.projects1{text-align:right}.projects2{flex-direction:row-reverse}#project2,#project3,#project4,#project5,#project6,#project7,#project8,#project9,#project10{margin-top:15rem}.border1{width:700px;height:450px;position:absolute;top:-25px;left:-25px;background-color:transparent;border:2px solid var(--secondary);border-radius:8px}.border2{width:700px;height:450px;position:absolute;top:-25px;right:-25px;background-color:transparent;border:2px solid var(--secondary);border-radius:8px}.image-wrapper{width:700px;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden}.project-image{align-self:center;transition:all ease-in-out .25s;cursor:pointer;width:100%;height:100%;object-fit:cover}.image-links{z-index:1}.project-image:hover{transform:scale(1.05)}.project-text-section{display:flex;flex-direction:column;justify-content:center}.project-text-section h5{color:var(--secondary)}.project-text-section h3{margin-top:.5rem}.project-description{max-width:40rem;margin-top:1rem}.stack-div1,.stack-div2{display:flex;gap:1rem;margin-top:1rem}.stack-div1{justify-content:flex-end}.stack{color:var(--text-opacity-2)}.source1,.source2{display:flex;align-items:center;margin-top:1rem;gap:.5rem}.source1{justify-content:flex-end}.github1{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.github2{display:flex;align-items:center;gap:.5rem}.source1 .live,.source2 .live{margin-left:1.25rem}.source1 .live a:before{position:absolute;transform:scale(1.5);content:"\2022";color:var(--secondary);font-weight:700;display:inline-block;margin-left:-.95rem}.source2 .live a:before{position:absolute;transform:scale(1.5);content:"\2022";color:var(--secondary);font-weight:700;display:inline-block;margin-left:-.95rem}#other-projects-div{padding-bottom:6rem}#other-projects-div h2{padding-top:0}#other-projects-div #github{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 1100px){.projects1,.projects2{flex-direction:column;align-items:center;text-align:center;gap:2rem}.border1{left:50%;transform:translate(-50%);width:650px}.border2{right:50%;transform:translate(50%);width:650px}.project-description{max-width:max-content}.stack-div1,.stack-div2,.source1,.source2{justify-content:center}}@media (max-width: 700px){.image-wrapper{width:100%}.border1,.border2{width:99%;height:200px}}@media (max-width: 400px){.border1,.border2{height:150px}}:root{--primary: #1B1B1B;--secondary: #C16060;--tertiary: #151515;--text-opacity: rgba(255, 255, 255, .8);--text-opacity-2: rgba(255, 255, 255, .5)}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Helvetica,Arial,sans-serif;color:#fff}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:400}h3{font-size:1.5rem}p,li{color:var(--text-opacity);line-height:1.7}p{font-size:1.2rem}a{text-decoration:none;color:inherit;cursor:pointer}button{background-color:transparent;border:1px solid var(--secondary);color:#fff}.links{font-size:.9rem}.container{max-width:90%}@media (min-width: 1400px){.container{max-width:1300px}}