html{scroll-behavior:smooth;--blue:#111827ff;--orange:#fc6501ff;--white:#ffffffff;--navbar-height: 70px
}body{margin:0;padding:0;min-height:100vh;font-family:Poppins, Arial, Helvetica, sans-serif;background-color:var(--orange)}body *{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}body button{border:none;background-color:transparent;cursor:pointer}body .container{margin:0 auto;max-width:1280px}body .image_container img{width:100%}nav{height:var(--navbar-height);background-color:rgba(0,0,0,0.2);backdrop-filter:blur(10px);padding:1em;position:fixed;top:0;width:100%;z-index:1}nav .container{display:flex;justify-content:space-between;align-items:center}nav .image_container{width:150px;display:flex;align-items:center;justify-content:center}nav #navLinks{display:flex;gap:1em}nav #navLinks li{border:2px solid var(--white);padding:0.2em 0.5em;border-radius:100px}nav #navLinks li a{color:var(--white);text-transform:uppercase}section#hero{padding-top:var(--navbar-height);padding-bottom:2em;background-color:var(--blue);min-height:80vh;display:flex;align-items:center;position:relative}section#hero .container{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:6em}section#hero .image_container{width:250px}section#hero #hero_content{display:flex;flex-direction:column;gap:2em;max-width:400px}section#hero #hero_content header{display:flex;flex-direction:column;color:var(--orange);font-size:2.6rem}section#hero #hero_content header span:nth-child(2){font-weight:bold}section#hero #hero_content p{color:var(--white);font-size:1.2rem}section#hero #hero_content button{width:200px;font-size:1.5rem;color:var(--white);border-radius:200px;background-color:var(--orange);padding:0.5em 0;transition:transform 0.2s ease}section#hero #hero_content button:hover{transform:scaleX(1.05)}.custom-shape-divider-bottom-1667813352{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.custom-shape-divider-bottom-1667813352 svg{position:relative;display:block;width:calc(170% + 1.3px);height:32px}.custom-shape-divider-bottom-1667813352 .shape-fill{fill:var(--orange)}section#projects{padding:1em;height:100vh}section#projects header{font-size:2rem;font-weight:bold;color:var(--blue);margin:1em 0 2em 0}section#projects #projects_container .project{background-color:var(--white);border-radius:15px;overflow:hidden;width:90%;min-height:400px;margin:1.5em auto;display:flex;flex-direction:column;box-shadow:0 0 15px 5px rgba(0,0,0,0.2);transition:transform 0.2s ease}section#projects #projects_container .project:hover{transform:translateY(-10px)}section#projects #projects_container .project_image{width:100%;aspect-ratio:19/12;background-color:#bdbdbd;margin-top:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:grey}section#projects #projects_container .project_description{background-color:var(--blue);flex:1;margin:10px;border-radius:15px;display:flex;flex-direction:column;text-align:center}section#projects #projects_container .project_description .project_title{color:var(--orange);font-weight:bold;padding:0.2em}section#projects #projects_container .project_description .project_context{color:var(--white)}section#projects #projects_container .project_description a{color:var(--white);margin-top:auto;padding:0.5em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:0.3em}section#projects #projects_container .project_description a:hover{color:var(--orange);font-weight:bold}section#projects #projects_container .project_description a span{font-size:2rem}@media screen and (max-width: 600px){section#hero{border-radius:0}section#hero .container{padding:1em;flex-direction:column;align-items:start;justify-content:center}section#hero .image_container{width:150px}section#hero #hero_content{order:2}}@media screen and (max-height: 700px){section#hero{height:100vh}}