@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:Inter,sans-serif}p{color:#767676}#root{min-height:100vh;display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"navbar navbar" "sidebar main" "sidebar footer"}.main{grid-area:main;background:#f5f5f5;padding:16px}section{padding-top:80px}.heading{text-align:center;margin-bottom:24px}@media (max-width: 640px){#root{grid-template-columns:1fr}.main{width:100vw}}nav{top:0;position:sticky;grid-area:navbar;background:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}nav img{width:40px}nav ul{display:flex;gap:40px}nav a{text-decoration:none;color:#000}nav ul a{text-decoration:none}nav ul a:hover{color:#ffb400;transition:.3s}nav .button{width:168px;height:40px;display:flex;justify-content:center;align-items:center;gap:5px;border:none;background-color:#ffb400;font-size:14px;border-radius:24px;font-weight:600}nav .button:hover{background:#a8a6a6;transition:.3s}nav .nav-right{display:flex;align-items:center;gap:24px}nav .nav-right .menu{display:none;font-size:40px;align-items:center}@media (max-width: 1024px){nav ul{gap:20px;display:none;position:absolute;top:72px;right:0;width:250px;padding:20px;flex-direction:column;background:#fff;text-align:right;height:fit-content;border-style:solid;border-top:0;border-radius:0 0 10px 10px;border-color:#ffb400}nav .nav-right .menu{display:flex}nav ul.open-navbar{display:flex}}@media (max-width: 640px){nav .nav-right .button{margin-right:28px}}aside{height:calc(100vh - 72px);grid-area:sidebar;background:#fff;top:72px;position:sticky;align-self:start;padding:16px;overflow-y:auto}.profile{display:grid;gap:5px}.profile h3{font-size:16px}.profile-bio{display:flex;flex-direction:column;align-items:center;gap:6px}.social-links{margin-top:8px;display:flex;gap:8px}.social-links svg{font-size:18px}.social-links .link{background:#ffb400;height:32px;width:32px;border-radius:20px;display:flex;justify-content:center;align-items:center;color:#000}.social-links .link:hover{background:#a8a6a6;transition:.3s}.profile-details{display:flex;justify-content:space-between}.profile-details .left{display:flex;flex-direction:column;gap:8px}.profile-details .left p{background:#ffb400;color:#000}.profile-details .right{display:flex;flex-direction:column;gap:8px;text-align:end}.profile-details .right :nth-child(2){color:#7eb942}.skills{display:flex;flex-direction:column;gap:5px}.skills-name{display:flex;justify-content:space-between}.profile svg{justify-self:center}.divider{color:#f0f0f6}.profile-bio img{width:100px}.title{margin-bottom:8px}.profile .download-cv{display:flex;justify-content:center}.profile a{text-decoration:none;color:#000;display:flex}.profile .button{width:160px;height:40px;display:flex;justify-content:center;align-items:center;gap:5px;border:none;background-color:#ffb400;border-radius:5px}.profile .button:hover{background:#a8a6a6;transition:.3s}.toggle-profile{position:fixed;font-size:32px;top:21px;right:65px;z-index:100;display:none}@media (max-width: 640px){#root{grid-template-columns:1fr}aside{position:fixed;width:300px;display:none}.toggle-profile,.show-sidebar{display:block}}footer{grid-area:footer;background:#fff}.hero-wrapper{background-color:#fff;display:flex;align-items:center;justify-content:space-around;padding:20px}.hero-wrapper .cat{display:flex;flex-direction:column;gap:7px;width:680px}.hero-wrapper h1{font-size:64px}.hero-wrapper span{color:#ffb400}.hero-wrapper p{color:#767676;font-size:18px}.hero-wrapper .button{margin-top:15px;width:160px;height:40px;display:flex;justify-content:center;align-items:center;gap:5px;border:none;background-color:#ffb400;font-size:16px;border-radius:5px}.hero-wrapper .button:hover{background:#a8a6a6;transition:.3s}.hero-wrapper a{text-decoration:none;color:#000}.hero-wrapper img{width:450px}@media (max-width: 1536px){.hero-wrapper h1{font-size:46px}.hero-wrapper .cat{flex:1;width:500px}.hero-wrapper img{flex:1;width:400px}}@media (max-width: 1280px){.hero-wrapper h1{font-size:36px}.hero-wrapper img{flex:1;width:240px}.hero-wrapper .cat{flex:1;width:400px}}@media (max-width: 1024px){.hero-wrapper h1{font-size:32px}.hero-wrapper img{flex:1;width:180px}.hero-wrapper .cat{flex:1;width:200px}}@media (max-width: 768px){.hero-wrapper{flex-direction:column-reverse;gap:20px}.hero-wrapper .cat{align-items:center;text-align:center}.hero-wrapper img,.hero-wrapper .cat{width:100%}}.services-wrapper{text-align:center;display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px}.services-wrapper .card{background:#fff;display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px}.services-wrapper .card img{width:120px}.services-wrapper h4{color:#2b2b2b}.services-wrapper .card a{display:flex;align-items:center;color:#ffb400;font-size:12px;font-weight:700;text-decoration:none}.services-wrapper .card a:hover{text-decoration:underline}@media (max-width: 1280px){.services-wrapper{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.about .about-wrapper{display:flex;align-items:center;justify-content:center;gap:50px}.about .about-wrapper img{width:500px}.about .about-wrapper .text-wrapper{width:600px}@media (max-width: 1536px){.about .about-wrapper img{width:400px}.about .about-wrapper .text-wrapper{width:500px}}@media (max-width: 1280px){.about .about-wrapper img{width:340px}.about .about-wrapper .text-wrapper{width:300px}}@media (max-width: 1024px){.about .about-wrapper{flex-direction:column}.about .about-wrapper img,.about .about-wrapper .text-wrapper{width:100%}}.skills .skills-wrapper{display:grid;grid-template-areas:"c1 c2" "c3 c3";gap:16px}.skills .skills-wrapper .card{background:#fff}.skills .skills-wrapper .card .title{text-align:center;background:#ffb400;padding:4px}.skills .skills-wrapper .card .title p{color:#000}.skills .skills-wrapper .card .skills-icons{padding:16px;display:flex;gap:24px;justify-content:center;align-items:center;flex-wrap:wrap}.skills .skills-wrapper .card img{width:40px;height:40px}.skills .skills-wrapper .card:nth-child(1){grid-area:c1}.skills .skills-wrapper .card:nth-child(2){grid-area:c2}.skills .skills-wrapper .card:nth-child(3){grid-area:c3}@media (max-width: 1024px){.skills .skills-wrapper{grid-template-areas:"c1" "c2" "c3"}}.contact-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:baseline}.contact label{color:#767676;font-size:14px}.contact-wrapper .contact-form{display:flex;flex-direction:column;align-items:center;padding:15px;flex:3;background:#fff;gap:15px}.contact-form form{display:flex;flex-direction:column;width:100%;gap:7px}.contact-form input,textarea{background:#f0f0f6;border:none;padding:5px}.contact-form input{height:35px}.contact-form textarea{height:120px}.contact-form .button{background:#ffb400;width:100%}.contact-information{display:flex;flex-direction:column;align-items:center;flex:1;gap:15px}.contact-information .cards-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.contact-information .card{background:#fff;padding:15px;display:flex;flex-direction:column;align-items:center;gap:5px}.contact-information span{display:flex;justify-content:center;align-items:center;background:#ffb400;height:30px;width:30px;border-radius:15px}