@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600&family=Roboto:wght@200;300;400;500&display=swap";.wrapper{min-height:100vh;padding:7rem 2rem 2rem;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,auto);gap:1rem}.bento-box{display:flex;flex-direction:column;gap:1rem;padding:clamp(1rem,2vw,2rem);background-color:var(--black-transparent);border-radius:8px;border:1px solid #ffffff20}.about-section{grid-column:1 / span 3;grid-row:1 / span 2;max-width:80ch}.about-section p{color:var(--white-transparent);line-height:1.5;font-weight:200;font-size:clamp(1rem,2vw,1.2rem)}.about-section p:last-child{margin-top:1rem}.about-section h1{font-size:clamp(2rem,5vw,6rem)}.skills-section{grid-column:1 / span 2;grid-row:3 / span 1}.skills-section ul{color:var(--white-transparent);list-style:none;display:flex;flex-wrap:wrap;gap:1rem}.education-section{grid-column:3 / span 1;grid-row:3 / span 1}.education-section ul{color:var(--white-transparent);list-style:none;display:flex;flex-direction:column;gap:1rem}.media-section{grid-column:4 / span 3;grid-row:1 / span 3;display:flex;flex-direction:column;justify-content:space-evenly}.img-section{display:flex;justify-content:center;align-items:center}.img-section img{aspect-ratio:1 / 1;max-width:450px;width:100%;max-height:450px;height:auto;object-fit:cover;background-color:var(--green-transparent);border-radius:50%}.logo-slider-section{display:flex;gap:2rem;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}svg{color:var(--green)}@media screen and (max-width: 768px){.wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,auto);gap:2rem}.about-section{grid-column:1 / span 2;grid-row:1 / span 2}.skills-section{grid-column:1 / span 2;grid-row:3 / span 1}.education-section{grid-column:1 / span 2;grid-row:4 / span 1}.media-section{grid-column:1 / span 2;grid-row:5 / span 2;gap:clamp(1rem,2vw,2rem);justify-content:center;align-items:center}.logo-slider-section{margin:1rem 0;max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}.header{position:absolute;width:100%;top:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:2rem}.header nav ul{list-style:none;display:flex;gap:clamp(5rem,10vw,12rem)}.header nav ul li a{font-size:1.2rem;font-family:Poppins,sans-serif;text-decoration:none;font-weight:600;text-transform:uppercase;color:var(--white-transparent);transition:.3s ease;text-underline-offset:1rem}.header nav ul li a:hover{color:var(--white);text-decoration:underline;text-underline-offset:1rem}header nav ul li a.active{color:var(--white);text-decoration:underline;text-underline-offset:1rem}.dropdown-menu{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:var(--black);z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media (max-width: 1050px){nav,button{display:none}.hamburger{display:block}}.button{font-family:Poppins,sans-serif;padding:.5rem 1rem;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease,color .3s ease;text-transform:uppercase;border-radius:4px}.button--primary{background-color:var(--white);color:var(--black)}.button--primary:hover,.button--secondary{background-color:var(--black);color:var(--white)}.button--secondary:hover{background-color:var(--green);color:var(--black)}.hamburger{display:none;cursor:pointer;z-index:1000}.hamburger .bar{display:block;width:2rem;height:.25rem;margin:.4rem auto;transition:all .3s ease;background-color:var(--white)}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(.45rem,.45rem)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(.45rem,-.45rem)}.dropdown-menu{position:absolute;top:0;left:0;width:100%;height:100vh;height:100svh;background-color:var(--black);z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.dropdown-menu a{font-size:2rem;font-family:Poppins,sans-serif;text-decoration:none;font-weight:600;text-transform:uppercase;color:var(--white-transparent);transition:all .3s ease}.dropdown-menu a:hover{color:var(--white)}@media (max-width: 1050px){.hamburger{display:block}}.hero-section{padding:0 2rem}.hero-section{padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;height:100svh}.hero-section h1{font-size:clamp(2rem,9vw,10rem);text-align:center;color:var(--white)}.hero-section h3{color:var(--white-transparent);padding-left:1%;font-size:clamp(.5rem,4vw,2rem);font-weight:200;margin-bottom:-4%}.hero-section h1 .dot{color:var(--green)}.social-icons{position:absolute;bottom:2rem;left:2rem;display:flex;flex-direction:column;gap:1rem;font-size:2.25rem}.social-icons a{color:var(--green);transition:color .3s ease}.scroll-down{border:1px solid;border-radius:4px;width:100px;height:100px;display:flex;justify-content:center;align-items:center;position:absolute;bottom:2rem;right:2rem;font-size:2rem;color:var(--green);cursor:pointer}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-10;width:100%;height:100%;background-color:var(--black-transparent);background-image:linear-gradient(to right,#3a3a3a15 1px,transparent 1px),linear-gradient(to bottom,#3a3a3a15 1px,transparent 1px);background-size:6rem 4rem}.portfolio-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:center;width:100%}.portfolio-section h1{font-size:clamp(2rem,5vw,8rem)}.portfolio-section{min-height:100vh;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:1155px;margin:0 auto;padding:8rem 2rem 2rem}@media (max-width: 900px){.portfolio-cards{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.portfolio-cards{grid-template-columns:1fr}}.wrapper h1{font-size:clamp(2rem,5vw,8rem)}.segmented-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.4rem;border:1px solid #ffffff20;border-radius:45px;background-color:var(--black-transparent)}.segmented-controls>div{cursor:pointer;padding:.4rem 1rem;border:1px solid transparent;border-radius:45px;color:var(--white-transparent);transition:color .2s,border-color .2s,background-color .2s}.segmented-controls>div:hover{color:var(--white);border-color:#ffffff20}.segmented-controls>div.active{color:var(--white);border-color:var(--green);background-color:var(--green-transparent)}.card{position:relative;background-color:var(--black);border:1px solid #ffffff20;border-radius:8px;transition:transform .2s;cursor:pointer;width:100%;color:var(--white);overflow:hidden}.card ul{margin-top:1rem;display:flex;justify-content:center;gap:1rem;list-style:none}.card ul li svg{color:var(--white-transparent);width:1.5rem;height:1.5rem}.card-content{padding:1rem}p{color:var(--white-transparent)}.card a{position:absolute;top:1rem;right:1rem}.card a svg{color:var(--white)}.card-image-wrapper{position:relative;width:100%;height:175px;overflow:hidden}.card-image{width:100%;height:100%;transition:transform .2s;object-fit:cover}.card-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#000000b3);pointer-events:none}#jobCategory{position:absolute;top:1rem;left:1rem;padding:.2rem .4rem;border-radius:45px;font-size:12px;background-color:var(--green-transparent)}.contact-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;text-align:center;min-height:100vh;min-height:100svh}.contact-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.contact-info.contact-info a{color:var(--white-transparent);text-decoration:none}.contact-info a svg{margin-right:.5rem;font-size:30px}.social-links a:last-child svg{margin-right:0}.social-links{display:flex;flex-direction:row;align-items:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--green: #006045;--white: #fafaf9;--black: #1c1917;--white-transparent: rgba(250, 250, 249, .7);--black-transparent: #1c1917ee;--green-transparent: #00604570}h1,h2,h3,h4,h5,h6{font-family:Poppins;font-weight:600;text-transform:uppercase}p{font-family:Roboto;font-weight:300;font-size:1.2rem}