*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#fff;color:#333}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem 0;font-family:Crimson Text,serif;font-size:1.8rem}.nav-left,.nav-right{flex:1}.nav-right{display:flex;justify-content:flex-end;gap:2rem}a{text-decoration:none;color:#000}a:hover{text-decoration:underline}.navbar img{height:5rem;width:auto}.nav-logo-svg{height:3.5rem;width:auto}.logo-path{stroke:#333;stroke-width:2;fill:#333;stroke-linecap:round;stroke-linejoin:round}#hero{display:flex;align-items:center;justify-content:space-between;height:80vh}.hero-card{padding:2rem}#hero h1{font-size:3rem;margin-bottom:-1rem}#hero p{font-size:1.5rem}.hero-image img{max-width:250px;border-radius:10px;margin-right:7rem}#projects{background-color:#393939;color:#f6f4f0;margin:0;height:100vh;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:0px;grid-row-gap:0px;perspective:1000px;overflow:hidden}.div1{grid-area:1 / 1 / 3 / 3}.div2{grid-area:1 / 5 / 3 / 7}.div3{grid-area:3 / 1 / 5 / 4}.div4{grid-area:1 / 3 / 4 / 5}.div5{grid-area:3 / 4 / 6 / 6}.div6{grid-area:3 / 6 / 6 / 9}.div7{grid-area:1 / 7 / 4 / 9}.div8{grid-area:5 / 1 / 6 / 4}#projects>div{overflow:hidden;transform-style:preserve-3d;transition:transform .3s ease;cursor:pointer}#projects img{width:100%;height:100%;object-fit:cover}#footer{background-color:#0f0f0f;height:80vh;font-family:Crimson Text,serif;color:#f6f4f0;display:flex;flex-direction:column}#copyright{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}#footer-nav{width:100%;padding:1rem 2rem}#footer-nav ul{list-style:none;display:flex;align-items:center;padding:0;margin:0;width:100%}#top-nav ul{list-style:none;display:flex;align-items:center;padding:10px 0 0;margin:0 0 -20px;width:100%;justify-content:space-around;gap:20rem;font-family:raleway,sans-serif}#footer-nav ul a{text-decoration:none;color:#f6f4f0;font-size:4rem}#footer-nav ul a:not(:last-child){margin-right:1.5rem}#footer-nav ul a#footer-nav-right{margin-left:auto;font-size:1rem}