:root{font-family:Numans,monospace,sans-serif;color:#ffffffde;background-color:#242424}*{margin:0;padding:0}body{margin:80px 20px;box-sizing:border-box}.about{background:#111;display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px}.about-title h1{text-align:center;width:100%;font-size:2rem;font-weight:600}.about-sections{display:flex;flex-direction:column;align-items:center}.about-top{display:flex;flex-direction:column;font-size:1rem;line-height:20px;gap:20px;max-width:1000px}.about-top hr{outline:none;border:none;height:2px;border-radius:1.5px;background:#cf6c03;width:100%}.about-bottom{display:flex;flex-direction:column}.about-bottom h1{text-align:center;width:100%;font-size:2rem;font-weight:600;margin-top:20px}.skills-container{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skills-format{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:15px;transition:.4s;cursor:pointer}.skills-format h3{margin-top:5px;font-size:1rem;text-align:center}@media (min-width:1024px){.about{gap:50px}.skills-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.about-title h1{font-size:3rem}.about-top{font-size:1.2rem;line-height:30px;gap:50px}.about-bottom h1{font-size:3rem}.skills-format h3{font-size:1.1rem}.about-bottom{gap:20px}}@media (min-width:1224px){.skills-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.about-title h1{font-size:4rem}.about-top{font-size:1.4rem;line-height:35px}.about-bottom h1{font-size:4rem}.skills-format h3{font-size:1.2rem}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:40px}.contact-title h1{text-align:center;width:100%;font-size:2rem;font-weight:600}.contact-section{display:flex;flex-direction:column;align-items:center;gap:50px;padding:0 20px}.contact-left{display:flex;flex-direction:column;gap:15px}.contact-left h1{font-size:1.8rem;font-weight:700;color:#cf6c03}.contact-left p{font-size:1rem;line-height:20px}.contact-details{display:flex;flex-direction:column;gap:30px;font-size:1rem}.contact-detail{display:flex;align-items:center;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:15px;width:100%}.contact-right label{font-size:1rem;font-weight:600}.contact-right input{border:none;width:100%;padding:20px;border-radius:4px;background:#535252;font-family:ubuntu,sans-serif;font-size:1rem;color:#fff;box-sizing:border-box}.contact-right textarea{border:none;padding:20px;border-radius:4px;background:#535252;font-family:ubuntu,sans-serif;font-size:1rem;color:#fff;width:100%;box-sizing:border-box}.contact-submit{border:1px solid transparent;color:#fff;border-radius:15px;background:#cf6c03;cursor:pointer;font-size:1rem;font-weight:700;transition:.5s ease;padding:8px 20px;margin-left:auto}.contact-submit:hover{border:1px solid white;transform:scale(1.05)}span{color:red}@media (min-width:1024px){.contact{gap:50px}.contact-section{display:flex;flex-direction:row;align-items:start;gap:50px}.contact-title h1{font-size:3rem}.contact-left{gap:25px}.contact-left h1{font-size:2rem}.contact-left p{font-size:1.2rem;line-height:20px}.contact-details{gap:30px;font-size:1.2rem}.contact-right{gap:25px}.contact-right label,.contact-right input,.contact-right textarea{font-size:1.1rem}.contact-submit{font-size:1.2rem}}@media (min-width:1224px){.contact-title h1{font-size:4rem}.contact-left{gap:25px}.contact-left h1{font-size:2.5rem}}.footer{background:#313131;display:flex;flex-direction:column;align-items:center;gap:25px;padding:40px;margin:0 -20px -80px}.footer-top{width:100%}.footer-top-left{display:flex;flex-direction:column;gap:10px}.footer-top-left p{font-size:.7rem}.footer-top-right{display:flex;align-items:center;gap:20px}.footer-email-input{display:flex;gap:10px;padding:5px 20px 5px 0;border-radius:15px;background:#535252;border:2px solid transparent}.footer-email-input input{outline:none;border:none;background:transparent;color:#fff;font-family:ubuntu,sans-serif;font-size:.7rem}.footer-email-input:hover{border:2px solid white}.footer-subscribe{font-size:1rem;padding:8px 20px;border-radius:15px;background:#cf6c03;cursor:pointer;transition:.5s ease;font-weight:700;border:1px solid transparent}.footer-subscribe:hover{border:1px solid white;transform:scale(1.05)}.footer-bottom{display:flex;justify-content:space-between;font-size:.7rem;width:100%}.footer-bottom-right{display:flex;flex-direction:column;gap:20px;width:20%}.footer-bottom-right a{text-decoration:none}.footer-social-links{display:flex;gap:20px}.footer-bottom-left{display:flex;flex-direction:column;gap:20px;width:70%}.footer-logo p{cursor:pointer;font-size:1.2rem;font-weight:600}.footer-logo a{color:#cf6c03;text-decoration:none}.footer hr{outline:none;border:none;height:2px;border-radius:1.5px;background:#cf6c03;width:100%}.github{cursor:pointer;transition:.5s ease}@media (min-width:1024px){.footer{background:#313131;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:40px;margin:0 auto -80px;max-width:1000px}.footer-top-left p,.footer-bottom-left p{width:fit-content}}.hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 27px}.hero img{border-radius:25px;width:200px;box-shadow:1px 0 5px #000}.hero h1{text-align:center;width:100%;font-size:1.5rem;font-weight:600}.hero h1 span{color:#d07b20;font-size:1.7rem}.hero p{text-align:center;font-size:1rem;line-height:20px;width:100%}.hero-action{display:flex;align-items:center;gap:25px;font-size:1rem;font-weight:700}.hero-connect{padding:8px 20px;border-radius:15px;background:#cf6c03;border:1px solid rgb(207,108,3);cursor:pointer;transition:.5s ease}.hero-connect .anchor-link-contact{text-decoration:none;color:#fff}.hero-resume{padding:8px 20px;border-radius:15px;border:1px solid white;cursor:pointer;transition:.5s ease}.hero-resume a{text-decoration:none;color:#fff}.hero-connect:hover{border-color:#fff;color:#00f;transform:scale(1.05)}.hero-resume:hover{border-color:#cf6c03;transform:scale(1.05)}@media (min-width:1024px){.hero{gap:25px}.hero img{width:360px}.hero h1{font-size:2rem}.hero h1 span{font-size:2.3rem}.hero p{font-size:1.3rem;line-height:50px}.hero-action{gap:25px;font-size:1.3rem}}.navbar{display:flex;align-items:center;justify-content:space-between;background:#000;color:#fff;padding:0 1.5rem;position:fixed;height:5rem;top:0;left:0;right:0;z-index:25}.nav-logo{font-size:2rem;font-weight:800}.nav-logo .anchor-link{color:#cf6c03;text-decoration:none}.anchor-link{text-decoration:none;color:#fff;transition:color .3s}.anchor-link:hover{color:#cf6c03}.anchor-link.active{border-bottom:2px solid rgb(207,108,3)}.nav-links{flex-direction:column;position:fixed;top:5rem;right:0;background-color:#000;height:100vh;width:60%;display:none;padding:1.5rem;z-index:15;transition:.3s ease}.nav-links.active{display:flex;list-style:none;font-size:1.2rem}.nav-links li{padding:1rem;text-align:center}.nav-cv-btn{margin-top:1rem;padding:.8rem 1rem;border-radius:15px;background:#cf6c03;cursor:pointer;color:#fff;border:none;font-weight:700;font-size:1rem;transition:.3s ease;display:inline-block;vertical-align:middle;margin:0}.nav-cv-btn:hover{transform:scale(1.05)}.menu-icon{display:block;z-index:20;cursor:pointer}#overlay{background:#00000080;position:fixed;inset:0;z-index:14}@media (min-width: 1024px){.menu-icon{display:none}.nav-links{display:flex;flex-direction:row;align-items:center;position:static;height:auto;width:auto;background:none;padding:0;gap:2rem;list-style:none;font-size:1.2rem;font-weight:700}.nav-links li{padding:0;text-align:left}#overlay{display:none}}.portfolio{display:flex;flex-direction:column;align-items:center;gap:25px;padding:40px 15px}.portfolio-title h1{text-align:center;width:100%;font-size:2rem;font-weight:600}.portfolio-container{display:grid;grid-template-columns:1fr;gap:20px}.container-content{display:flex;flex-direction:column;gap:25px;border-radius:15px;border:1px solid rgb(78,78,78);overflow:hidden;background:#1e1e1e}.portfolio-container img{box-sizing:border-box;width:100%;height:180px;transition:.3s ease}.container-content img:hover{transition:.3s ease}.container-content:hover{border:1px solid rgb(100,100,100);transition:.3s ease}.container-content:hover img{transform:scale(1.05)}.container-content h2{padding:0 30px}.container-content p{padding:0 30px;line-height:1.4rem;font-size:.8rem;font-weight:300}.view-code-btn{display:flex;align-items:center;width:fit-content;gap:10px;margin-bottom:30px;border:1px solid rgb(113,113,113);border-radius:15px;padding:5px 10px}.view-code-btn:hover{transform:scale(1.07);transition:.3s ease;cursor:pointer;border:1px solid rgb(129,129,129)}.view-code-btn button{background:transparent;border:none;color:#fff;font-weight:500;font-size:.8rem;cursor:pointer}.portfolio-showmore{display:flex;gap:5px;align-items:center;border-radius:15px;border:2px solid white;padding:5px 20px;font-size:1rem;font-weight:700;transition:.5s ease}.portfolio-showmore:hover{gap:20px;transition:.6s}.portfolio a{text-decoration:none;color:#fff}.content-btns{display:flex;align-items:center;gap:10px}.view-site-btn{display:flex;align-items:center;width:fit-content;gap:10px;margin-left:30px;margin-bottom:30px;border:1px solid rgb(113,113,113);border-radius:15px;padding:5px 10px}.view-site-btn:hover{transform:scale(1.07);transition:.3s ease;cursor:pointer;border:1px solid rgb(129,129,129)}.view-site-btn button{background:transparent;border:none;color:#fff;font-weight:500;font-size:.8rem;cursor:pointer}@media (min-width:1024px){.portfolio{gap:50px}.portfolio-title h1{font-size:3rem}.portfolio-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portfolio-container img{height:180px}.container-content h2{font-size:2rem}.container-content p{line-height:1.4rem;font-size:1.1rem}.view-code-btn{gap:10px}.view-code-btn button{font-size:1rem}.portfolio-showmore{font-size:1.3rem}.content-btns{gap:20px}.view-site-btn{gap:10px}.view-site-btn button{font-size:1rem}}@media (min-width:1224px){.portfolio-title h1{font-size:4rem}.portfolio-container img{height:280px}.container-content h2{font-size:2.5rem}.container-content p{line-height:1.4rem;font-size:1.1rem}}