#headerContainer{position:fixed;display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--header-height);background-color:var(--primary-color);color:#000;box-shadow:1px 1px 25px #6c6c6c;z-index:9}#headerWrapper{display:flex;justify-content:start}.hamburger,.hamburger-close,.hide{display:none}#navLinks{display:flex;transform:none;opacity:1}#logoContainer,#navLinks{padding:.5rem 2.4rem}#logoContainer{font-size:1.5em;font-weight:700;font-family:var(--font-family)}.navLink{padding:.5em 1em;font-weight:600;font-size:1.5em;font-family:var(--font-family);text-decoration:none;color:#000}.navLink:hover{color:var(--button-color)}@media screen and (max-width: 760px){.hamburger.show{display:flex;font-size:var(--subtitle-size);font-size:xx-large;font-weight:900;padding:0;background-color:var(--primary-color);color:#000;border:0;margin:.3rem 2.4rem}.hamburger-close.show{display:flex;font-size:var(--subtitle-size);font-weight:700;font-family:var(--font-family);padding:0;background-color:var(--primary-color);color:#000;border:0;margin:.3rem 2.4rem}#navLinks{justify-content:center;align-items:center;position:fixed;top:-40%;left:0;flex-direction:column;height:40vh;width:100vw;z-index:10;padding:0;opacity:0;background-color:var(--primary-color);transition:transform ease-in-out .8s,opacity ease-out .4s}.navLink{width:fit-content}#navLinks.open{transform:translateY(calc(40vh + var(--header-height)));opacity:1}}#root{width:100%;margin:0;text-align:center}#bannerContainer{gap:1em;width:100%;max-width:100%;height:100vh;color:#000;background-color:var(--primary-color);font-family:var(--font-family);background-image:url(./bgimg-Beuvvjah.jpeg)}#bannerContainer,#bannerContent{display:flex;flex-direction:column;justify-content:center;align-items:center}#bannerContent{gap:2.5em;width:80%;height:80%}#bannerTitle{font-size:5em;font-weight:700}#bannerSubTitle{font-size:var(--subtitle-size);padding:0 2em}#projectsRedirect{text-decoration:none;color:var(--primary-color);background-color:var(--button-color);padding:1.5em 2.4em;border-radius:20px;font-size:large}@media screen and (max-width: 760px){#bannerContent{padding-top:var(--header-height)}#bannerSubTitle{font-size:1.1rem}}#socialsContainer{display:flex;gap:21px}.social-block{position:relative;width:50px;height:50px;background-size:cover;background-position:center;cursor:pointer;overflow:hidden;border-radius:8px}.hover-logo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .16s ease-in-out}.social-block:hover .hover-logo{opacity:1}#aboutMeContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5em;width:100%;height:auto;color:#000;background-color:var(--primary-color);font-family:var(--font-family);background-image:url(./bgimg-Beuvvjah.jpeg);padding-top:calc(var(--header-height) + 13px)}#aboutMeTitle{font-size:var(--title-size);font-weight:700}#aboutMeContent{display:flex;flex-direction:row;height:55vh}#myPic,#picContainer{display:flex;justify-content:center;align-items:center}#myPic{width:50%}#picContainer{width:80%;height:90%;box-shadow:1px 1px 25px #6c6c6c}img#profilePic{width:100%;height:100%;object-fit:cover}#objTitle,#skillsTitle{font-size:var(--subtitle-size)}#objective,#skills{text-align:start;padding:0 0 1.5em 8em}#objContent{padding-right:2em}#aboutMeSkillsPara{width:50%}#skillsList{padding:0;display:flex;flex-wrap:wrap;gap:1em}#skillsTitle,#objTitle{text-align:left}#resume{text-decoration:none;color:var(--primary-color);background-color:var(--button-color);padding:1rem 2.4rem;border-radius:20px;border:0;font-size:var(--subtitle-size);font-family:var(--font-family);transition:padding ease-in-out .16s,font-size ease-in-out .16s}#resume:hover{padding:1rem 2.3rem;cursor:pointer;font-size:calc(var(--subtitle-size) - .1em)}@media screen and (max-width: 1050px){#objctive{display:none}}@media screen and (max-width: 760px){#aboutMeContainer{gap:2em}#objective,#skills{padding:0 1em 1.5em}#objTitle,#skillsTitle{text-align:left;padding:0 1.3em}#skillsList{flex-direction:row;padding:0 2em}#aboutMeContent{flex-direction:column-reverse;height:auto}#aboutMeSkillsPara,#myPic{width:100%}#objective{display:none}}#skillBadgeContainer{padding:.5em 1.5em;border-radius:8px;background-color:#b5b5b5;font-weight:600;font-family:Courier New,Courier,monospace}#projectsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;background-color:var(--primary-color);color:#000;font-family:var(--font-family);padding-top:calc(var(--header-height) + 13px);background-image:url(./bgimg-Beuvvjah.jpeg)}#projectsHeading{font-size:var(--title-size);font-weight:700;padding-bottom:13px}#projectCards{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;width:100%;height:auto}#githubRedirect{font-size:var(--subtitle-size);padding:2em}a#github{padding:0 3px;color:#000}#projectCardContainer{display:flex;flex-direction:row;height:40vh;width:80%;border-radius:15px;transition:transform .16s ease-in-out,background-color ease-in-out .16s}#projectCardContainer:hover{box-shadow:0 2px 8px #6c6c6c;transform:translateY(-4px);background-color:var(--primary-color)}#projectImage{height:100%;width:40%}#projectContent{display:flex;flex-direction:column;justify-content:center;align-items:left;width:60%}#projectTitleSkills{display:flex;flex-direction:column;gap:15px}#projectTitle{font-size:1.8em;font-weight:600;text-align:left;padding-left:1em;color:#000;width:fit-content}#projectSkills{display:flex;flex-wrap:wrap;padding-left:1.8em;gap:1em}#projectObj{text-align:left;padding:1em 1.8em;font-size:1.2em;font-weight:400}img.projectImg{width:100%;height:100%}@media screen and (min-width: 1040px) and (max-width: 1240px){#projectCardContainer{height:30vh}}@media screen and (min-width: 790px) and (max-width: 1240px){#projectCardContainer{height:30vh;width:90%}}@media screen and (min-width: 550px) and (max-width: 790px){#projectImage{height:60%}#projectCardContainer{height:70vh}}@media screen and (max-width: 550px){#projectCardContainer{height:60vh}#projectImage{height:40%}}@media screen and (max-width: 790px){#projectCardContainer{flex-direction:column;width:85%;gap:18px}#projectImage{width:100%}#projectContent{width:100%;height:60%}#projectSkills{gap:.6em}}#contactWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:100vh;background-color:var(--primary-color);color:#000;font-family:var(--font-family);padding-top:calc(var(--header-height) + 13px);background-image:url(./bgimg-Beuvvjah.jpeg)}#contactContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70%;width:100%}#contactTitle{font-size:var(--title-size);font-weight:700}#contactSubTitle{font-size:var(--subtitle-size);padding:0 0 1em}#contactFormContainer{display:flex;justify-content:center;align-items:center;width:60%;height:100%;padding:1.5em 0}#contactForm{height:100%;width:80%;display:flex;align-items:center;flex-direction:column;gap:21px;padding:1.5em 0;box-shadow:0 2px 10px #6c6c6c;border-radius:15px;background-color:var(--primary-color)}.inputContainer{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}input.inputContact{width:50%;height:3em;border-radius:10px;padding:0 1em;background-color:var(--primary-color);justify-content:start}label.inputLabelContact{width:53%;text-align:start;font-size:var(--subtitle-size)}#message{height:21em}button#formSubmit{width:40%;color:var(--primary-color);padding:1rem 2.4rem;border-radius:15px;font-size:1em;transition:padding ease-in-out .16s,font-size ease-in-out .16s}button#formSubmit:hover{padding:1rem 2.3rem;font-size:.95em;cursor:pointer}@media screen and (max-width: 760px){#contactFormContainer{width:100%;min-height:600px}#contactForm{gap:15px;width:85%}input.inputContact{width:75%}label.inputLabelContact{width:80%}#message{height:15em}}#footerWrapper{display:flex;flex-direction:column;align-items:center;height:30vh;width:100%;color:#fff;font-family:var(--font-family);background-color:var(--button-color)}#footerContainer{display:flex;height:70%;width:75%;align-items:center;justify-content:center}#footerContent{display:flex;align-items:center;height:100%;width:50%}#madeBy{display:flex;align-items:center;justify-content:center;height:calc(9vh - 2px)}#hrLine{width:75%;height:2px;background-color:var(--primary-color)}#nameSpan{padding-left:8px;font-weight:600}@media screen and (max-width: 760px){#footerContainer{flex-direction:column}#footerContent{width:100%;height:50%}}:root{--header-height: 89px;--font-family: "Oswald", sans-serif;--primary-color: rgb(249, 245, 240);--button-color: #138808;--title-size: 3.4em;--subtitle-size: 1.5em;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}html{scroll-behavior:smooth}button{background-color:var(--button-color);border:0}