@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0}:root{--main-accent:#faa533;--bg-main:#fff;--bg-secondary:#f6f6f6;--bg-secondary-transparent:rgba(256,256,256,0.5);--bg-secondary-darker:#e6e6e6;--text-color:black;--gray-text:gray;--borders:#ddd;--font:"Poppins",sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-main);direction:ltr;font-family:var(--font)}a,body{color:var(--text-color)}a{outline:0;text-decoration:none}a:hover{color:var(--main-accent)}a:focus{outline:0}.full-page{display:flex;align-items:center;justify-content:center;min-height:100dvh}.container{max-width:1240px;margin:0 auto}.not-found{display:flex;align-items:center;font-size:1.3em;height:100dvh;justify-content:center;flex-direction:column}.not-found p{font-size:17px}.not-found p a{color:var(--main-accent)}.not-found p a:hover{text-decoration:underline}nav{position:-webkit-sticky;position:sticky;top:0;right:0;width:100%;z-index:999;background-color:var(--bg-secondary-transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav .container{display:flex;align-items:center;justify-content:space-between;height:4.5rem}nav .container .logo{display:flex;align-items:center;justify-content:left;width:25%}nav .container .logo a{font-weight:700;font-size:24px;color:var(--text-color);cursor:pointer}nav .container .menu{display:flex;align-items:center;gap:1rem;width:50%;justify-content:center}nav .container .menu ul{display:flex;align-items:center;gap:5px;background-color:var(--bg-secondary-darker);padding:10px;border-radius:35px;list-style:none}nav .container .menu ul li a{padding:3px 12px;border-radius:45px;transition:.3s;font-weight:500;font-size:16px;cursor:pointer}nav .container .tools{display:flex;align-items:center;gap:1rem;width:25%;justify-content:right}nav .container .tools .theme-toggle,nav .container .tools a{cursor:pointer;color:var(--text-color)}nav .container .tools .theme-toggle svg,nav .container .tools a svg{display:flex;width:25px;height:25px}nav .container .tools .menu-icon{display:none}.hero{padding:6rem 0}.hero .container{display:flex;align-items:center;width:70%;justify-content:center;gap:2rem}.hero .container img{width:170px;height:170px;border-radius:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;object-fit:cover;border:2px solid var(--main-accent)}.hero .container .content{display:flex;flex-direction:column;gap:1.2rem}.hero .container .content h1{color:var(--gray-text);font-size:27px;font-weight:500}.hero .container .content h1 span{color:var(--text-color);font-weight:700}.hero .container .content .btns{display:flex;align-items:center;gap:15px}.hero .container .content .btns a{--main-btn-highlight:var(--main-accent);display:flex;align-items:center;padding:4px 12px;border-radius:35px;color:#fff;gap:5px;border:1px solid var(--main-btn-highlight);transition:.3s;background-color:var(--main-btn-highlight)}.hero .container .content .btns a svg{height:15px;width:15px;display:flex}.hero .container .content .btns a:hover{background-color:rgba(0,0,0,0);color:var(--main-btn-highlight)}.hero .container .content .btns .github{--github-accent:var(--text-color);border-color:var(--github-accent);color:var(--bg-main);background-color:var(--github-accent)}.hero .container .content .btns .github:hover{color:var(--github-accent)}.hero .container .content .btns .linkedin{--github-accent:rgb(0,123,255);border-color:var(--github-accent);color:#fff;background-color:var(--github-accent)}.hero .container .content .btns .linkedin:hover{color:var(--github-accent)}.hero .container .content .info{display:flex;align-items:center;gap:1rem}.hero .container .content .info p a{display:flex;align-items:center;gap:5px}.hero .container .content .info p a svg{display:flex;height:16px;width:16px;border:1px solid var(--main-accent);fill:var(--main-accent);padding:5px;border-radius:35px}.section-title{text-align:center;font-size:1.5rem;margin-bottom:2rem;color:var(--text-color)}.tech-stack{padding:3rem 0}.tech-stack .container{display:flex;align-items:center;gap:1rem;width:60%;flex-wrap:wrap}.tech-stack .container .stack{display:flex;align-items:center;flex-direction:column;padding:1.3rem 2rem;border-radius:16px;border:1px solid var(--borders);gap:.5rem;width:calc(8.3333333333% - .3rem);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.3s;font-size:13px}.tech-stack .container .stack p{padding:5px 0 0}.tech-stack .container .stack svg{height:40px;width:40px;display:flex}.tech-stack .container .stack.react{--react-accent:#61dafb;color:var(--react-accent)}.tech-stack .container .stack.react:hover{color:var(--react-accent);border-color:var(--react-accent)}.tech-stack .container .stack.javascript{--javascript-accent:#f0db4f;color:var(--javascript-accent)}.tech-stack .container .stack.javascript:hover{color:var(--javascript-accent);border-color:var(--javascript-accent)}.tech-stack .container .stack.typescript{--typescript-accent:#007acc;color:var(--typescript-accent)}.tech-stack .container .stack.typescript:hover{color:var(--typescript-accent);border-color:var(--typescript-accent)}.tech-stack .container .stack.sass{--sass-accent:#cb6699;color:var(--sass-accent)}.tech-stack .container .stack.sass:hover{color:var(--sass-accent);border-color:var(--sass-accent)}.tech-stack .container .stack.html{--html-accent:rgb(255,89,0);color:var(--html-accent)}.tech-stack .container .stack.html:hover{color:var(--html-accent);border-color:var(--html-accent)}.tech-stack .container .stack.css{--css-accent:#1572b6;color:var(--css-accent)}.tech-stack .container .stack.css:hover{color:var(--css-accent);border-color:var(--css-accent)}.tech-stack .container .stack.tailwind{--tailwind-accent:#38bdf8;color:var(--tailwind-accent)}.tech-stack .container .stack.tailwind:hover{color:var(--tailwind-accent);border-color:var(--tailwind-accent)}.tech-stack .container .stack.php{--php-accent:#777bb3;color:var(--php-accent)}.tech-stack .container .stack.php:hover{color:var(--php-accent);border-color:var(--php-accent)}.tech-stack .container .stack.laravel{--laravel-accent:#f0513f;color:var(--laravel-accent)}.tech-stack .container .stack.laravel:hover{color:var(--laravel-accent);border-color:var(--laravel-accent)}.tech-stack .container .stack.mysql{--mysql-accent:#485c73;color:var(--mysql-accent)}.tech-stack .container .stack.mysql:hover{color:var(--mysql-accent);border-color:var(--mysql-accent)}.tech-stack .container .stack.git{--git-accent:#f34f29;color:var(--git-accent)}.tech-stack .container .stack.git:hover{color:var(--git-accent);border-color:var(--git-accent)}.tech-stack .container .stack.next{--next-accent:var(--text-color);color:var(--next-accent)}.tech-stack .container .stack.next:hover{color:var(--next-accent);border-color:var(--next-accent)}.tech-stack .container .stack.express{--express-accent:var(--text-color);color:var(--express-accent)}.tech-stack .container .stack.express:hover{color:var(--express-accent);border-color:var(--express-accent)}.tech-stack .container .stack.linux{--linux-accent:orange;color:var(--linux-accent)}.tech-stack .container .stack.linux:hover{color:var(--linux-accent);border-color:var(--linux-accent)}.about-me{margin-top:4rem;padding-bottom:4rem}.about-me .container{width:50%;line-height:1.6;font-size:15px;padding:2rem;border-radius:15px;color:var(--text-color);text-align:center;border:1px solid var(--borders)}.about-me .container h1{padding-bottom:1rem}.about-me .container p{margin-bottom:1rem}.about-me .container a{color:var(--main-accent);font-weight:500}.about-me .container a:hover{text-decoration:underline}.experience,.projects{padding:3rem 0}.experience .container,.projects .container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:1280px;margin:0 auto;padding:0 1rem}.experience .container .card,.projects .container .card{padding:5px;border-radius:15px;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--borders)}.experience .container .card img,.projects .container .card img{object-fit:cover;width:100%;height:280px;display:flex;border-radius:10px}.experience .container .card .card-info,.projects .container .card .card-info{display:flex;gap:.5rem;flex-direction:column;text-align:left;justify-content:space-between;padding:1rem;height:100%}.experience .container .card .card-info .top-info p,.projects .container .card .card-info .top-info p{font-size:14px;color:var(--gray-text)}.experience .container .card .card-info .duration,.projects .container .card .card-info .duration{padding:1rem 0;font-weight:700}.experience .container .card .card-info .middle-info,.projects .container .card .card-info .middle-info{font-size:14px}.experience .container .card .card-info .bottom-info,.projects .container .card .card-info .bottom-info{display:flex;align-items:center;gap:8px}.experience .container .card .card-info .bottom-info .stack,.projects .container .card .card-info .bottom-info .stack{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.experience .container .card .card-info .bottom-info .stack span,.projects .container .card .card-info .bottom-info .stack span{background:rgba(157,255,157,.5);padding:2px 10px;border-radius:35px}.experience .container .card .card-info .bottom-info .back-stack span,.projects .container .card .card-info .bottom-info .back-stack span{background-color:rgba(255,135,135,.5)}.experience .container .card .card-info .card-footer,.projects .container .card .card-info .card-footer{padding:1em 0 0;display:flex;align-items:center;justify-content:center;justify-content:space-between}.experience .container .card .card-info .card-footer a,.projects .container .card .card-info .card-footer a{cursor:pointer;background:var(--bg-secondary);border:1px solid var(--borders);padding:8px 18px;border-radius:35px;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease}.experience .container .card .card-info .card-footer a:hover,.projects .container .card .card-info .card-footer a:hover{color:#fff;background:var(--main-accent);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 16px rgba(0,0,0,.12);border-color:rgba(0,0,0,0)}.experience .container .card .card-info .card-footer a:active,.projects .container .card .card-info .card-footer a:active{transform:translateY(0) scale(.98);box-shadow:0 3px 8px rgba(0,0,0,.15)}@media(max-width:768px){.experience .container,.projects .container{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}}footer{margin-top:4rem;border-top:1px solid var(--borders)}footer .container{display:flex;align-items:center;height:3.5rem;justify-content:center}footer .container p{font-size:12px}@media screen and (max-width:768px){nav .container{position:relative}nav .container .menu{position:absolute;top:5rem;left:0;width:100%;display:none;flex-direction:column}nav .container .menu ul{width:90%;border-radius:15px;justify-content:center;padding:2rem 0;flex-direction:column;gap:2rem}nav .container .active{display:flex;animation:fadeIn .3s ease-in-out}nav .container .logo{width:50%;padding-left:20px}nav .container .tools{width:50%;justify-content:right;padding-right:20px}nav .container .tools .menu-icon{display:block;cursor:pointer}nav .container .tools .menu-icon svg{height:30px;width:30px;display:flex}.hero .container{width:unset;flex-direction:column;text-align:center}.hero .container img{width:230px;height:230px}.hero .container .content h1{font-size:22px}.hero .container .content .info{flex-direction:column;gap:.5rem}.hero .container .content .btns{flex-direction:column}.tech-stack .container{width:unset;justify-content:center}.tech-stack .container .stack{width:calc(33.3333333333% - 1rem);font-size:12px}.tech-stack .container .stack svg{height:30px;width:30px}.about-me{padding:0 1rem 4rem}.about-me .container{font-size:14px;width:unset}.experience .container,.projects .container{padding:0 1rem;width:unset}.experience .container .card img,.projects .container .card img{height:200px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:991px){.experience .container .card .card-info .card-footer a,.projects .container .card .card-info .card-footer a{font-size:13px}}.blog-page{min-height:100vh;padding:2rem 0}.blog-container{max-width:1200px;margin:0 auto;padding:0 1rem}.blog-empty{text-align:center;padding:3rem 0;display:flex;align-items:center;justify-content:center}.blog-empty__text{font-size:1.25rem;color:#6b7280;font-weight:500}.blog-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.dark{--bg-main:#010409;--bg-secondary:#0d1117;--text-color:#f0f0f0;--gray-text:gray;--borders:#1a212b;--bg-secondary-transparent:rgba(1,4,9,0.5);--bg-secondary-darker:#10141a}