.navbar{display:flex;justify-content:flex-end;align-items:center;vertical-align:middle;padding:10px 40px;max-width:100vw;box-shadow:0 4px 10px 4px #00000040;background-color:var(--background-color)}.navbar-right{display:flex;align-items:center;position:relative}.nav-links{display:flex}.nav-link{color:var(--text-color);text-decoration:none;font-size:18px;font-weight:500;transition:.3s ease-in-out;margin-right:50px;margin-top:auto;margin-bottom:auto}.nav-link:hover{color:var(--accent-color)}.button-wrapper{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:5px;box-shadow:0 0 10px 0 var(--accent-color)}.nav-button{background-color:var(--background-color);color:#fff;cursor:pointer;border-radius:5px;overflow:hidden}.nav-button .fake-border{z-index:1;padding:5px 10px;background-color:var(--background-color);position:relative;margin:2px;border-radius:5px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-button:before{content:"";display:block;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--accent-color) 50%,rgba(255,255,255,0) 100%);height:300px;width:30px;position:absolute;animation:rotate 5s linear forwards infinite;z-index:0;top:50%;left:35%;transform-origin:top center}.menu-toggle{background-color:transparent;color:#fff;border:none;padding:10px;cursor:pointer;display:none;font-size:24px}@media (max-width: 600px){.navbar{justify-content:flex-end}.menu-toggle{z-index:100;display:block}.nav-links{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;right:-100%;background-color:var(--background-color);width:100vw;height:100vh;justify-content:center;padding:0;transition:right .3s ease-in-out}.nav-links.open{right:0}.nav-link,.button-wrapper{margin:20px 0;text-align:center}}@font-face{font-family:Lig;src:url(/assets/Ligconsolata-Regular-Cj2yxWil.ttf)}*{box-sizing:border-box;padding:0;margin:0}.hero-section{max-width:100vw;height:100vh;overflow-x:hidden;display:flex;justify-content:space-between;align-items:center;padding:0px 8.5rem}.text-section{line-height:1;width:65%}.animation-section{width:30%}.text-section h4{font-size:1.25em;margin-bottom:.5rem;font-family:Inter,sans-serif;font-weight:400}.text-section h1{font-size:6.25em;margin:0 0 .5em;font-family:Inter,sans-serif;font-weight:600;color:var(--accent-color)}.text-section p{font-size:1.25em;margin:0;font-family:Inter,sans-serif;line-height:1.5}@media (max-width: 768px){.text-section{width:100%;padding:0 2rem;overflow:hidden}.text-section h1{font-size:5em}.hero-section{padding:0;align-items:start;padding-top:10rem;height:calc(100vh - 10rem)}.animation-section{display:none}}.animation-container{display:flex;justify-content:end;align-items:center;width:100%;position:relative}.robotWrapper{position:relative;width:25rem}.robotWrapper .robotImg{width:100%;overflow:hidden}.robotWrapper .leftEyeWrapper{width:2.5rem;height:2.5rem;position:absolute;top:17%;left:33%;display:flex;justify-content:center;align-items:center}.leftEyeImg,.rightEyeImg{width:1.5rem;height:1.5rem;transition:transform .1s}.robotWrapper .rightEyeWrapper{width:2.5rem;height:2.5rem;position:absolute;top:17%;left:57%;display:flex;justify-content:center;align-items:center}@media (max-width: 600px){.animation-container{display:none}}.section-heading{padding:0 8.5rem;font-size:2.5em;font-family:Inter,sans-serif}.accent{color:var(--accent-color);margin-right:1rem}.section-content{margin:5rem 0;padding:0 8.5rem;display:flex;justify-content:space-around;align-items:start}.profile-image{width:25%;display:flex;align-items:center;justify-content:center;margin-bottom:5rem}.about-description{width:50%}.about-description p{font-family:Inter,sans-serif;font-size:1.25em;line-height:30px;margin-top:0;margin-bottom:50px}.about-description p span{color:var(--accent-color)}.profileImage{width:100%;box-shadow:0 2px 10px 2px var(--accent-color)}@media (max-width: 1100px){.profileImage{width:90%}}@media (max-width: 768px){.section-heading{padding:0 2rem}.section-content{flex-direction:column;align-items:center;padding:0 3rem}.profileImage{width:70%}.profile-image,.about-description{width:100%}}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1rem;row-gap:2rem}@media (max-width: 768px){.project-cards{grid-template-columns:1fr}}.card{background:#1e1e1e;color:#fff;border-radius:5px;padding:20px;margin:10px;box-shadow:5px 4px 7px 5px #000;height:100%}.card p{font-size:1em;font-family:Lig;margin:0}.card .icons{margin-top:10px}.card .icons a{color:#fff;margin-right:10px;font-size:1.2em}.card .icons a:hover{color:var(--accent-color)}.card .project-heading{font-family:Inter,sans-serif;display:flex;justify-content:space-between;align-items:center;line-height:30px}.project-description{line-height:24px}.wrap-text{display:flex;flex-direction:column;justify-content:space-between;height:68%}.tech{line-height:24px}.project-date{font-size:.875em;line-height:21px}.card h3{font-size:1.25em;margin:0}.contact-form{display:flex;flex-direction:column;padding:20px;box-shadow:6px 8px 9px 7px #000;background-color:var(--background-color)}.contact-form label{color:#fff;font-family:Inter,sans-serif;margin-bottom:10px}.contact-form input,.contact-form textarea{padding:12px 16px;margin-bottom:2rem;border:1px solid var(--border-color);font-size:1em;border-radius:8px;background-color:#ffffff26;color:#fff}.contact-form textarea{min-height:120px}.contact-form button{padding:10px;border:none;border-radius:5px;background-color:var(--accent-color);color:#000;font-weight:700;cursor:pointer}.contact-form button:hover{background-color:#16a085}.form{width:55%;margin-bottom:100px}.contact-text{padding-left:5rem;font-family:Inter,sans-serif}.contact-text .contact-heading{margin-bottom:30px;font-size:2.5em;line-height:60px}.contact-text .contact-content{font-size:1.25em;line-height:30px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:5rem}.contact-info{display:flex;flex-direction:column;padding:20px;border-radius:8px;font-size:1.25em;line-height:30px;height:auto}.contact-item{display:flex;align-items:center;margin-bottom:10px;color:#fff}.contact-icon{margin-right:10px;font-size:24px}.contact-item span{font-size:16px}.contact-gif{width:50%;align-items:center;display:flex;justify-content:center}.contact-gif img{height:200px}@media (max-width: 768px){.form{width:85%}.contact-bottom{flex-direction:column-reverse}.contact-text{padding:0}}footer{display:flex;justify-content:center;align-items:center;height:60px;font-size:1.25em;font-family:Inter,sans-serif;line-height:36px;box-shadow:0 -6px 3px 2px #00000040}:root{--background-color: #1c1c1c;--text-color: #fff;--accent-color: #5FE4C9;--border-color: #828282;background-color:var(--background-color);color:var(--text-color);max-width:100vw;margin:0;padding:0}