@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--background-color: hsl(0, 0%, 4%);--background-color-2: hsl(0, 0%, 10%);--text-color: hsl(0, 0%, 99%);--grey-color: hsl(0, 0%, 70%);--primary-color: hsl(36, 100%, 50%);--secondary-color: hsl(0, 0%, 27%);--font-size-xs: 12px;--font-size-s: 14px;--font-size-m: 16px;--font-size-l: 18px;--font-size-xl: 20px;--font-size-xxl: 26px;--font-size-xxxl: 48px}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--background-color)}body{width:100%;height:100%;max-width:1600px;margin:0 auto;overflow-y:auto;font-family:Poppins,sans-serif;color:var(--text-color);scroll-behavior:smooth}a{all:unset;cursor:pointer}.primary-button{all:unset;cursor:pointer;padding:12px 20px;border-radius:30px;background-color:var(--primary-color);border:1px solid var(--primary-color);transition:all .6s}.primary-button:hover{background-color:var(--background-color-2);border:1px solid var(--primary-color)}.secondary-button{all:unset;cursor:pointer;padding:12px 20px;border-radius:30px;border:1px solid var(--secondary-color);transition:all .6s}.secondary-button:hover{border:1px solid var(--primary-color)}.shimmer{position:relative;overflow:hidden;background:#f0f0f0;border-radius:8px}.shimmer:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,#fff0 30%,#9493931a,#fff0 70%);top:0;left:-100px;animation:shimmer 4s infinite linear}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 1024px){:root{--font-size-xs: 11px;--font-size-s: 13px;--font-size-m: 15px;--font-size-l: 17px;--font-size-xl: 19px;--font-size-xxl: 24px;--font-size-xxxl: 40px}}@media (max-width: 768px){:root{--font-size-xs: 10px;--font-size-s: 12px;--font-size-m: 14px;--font-size-l: 16px;--font-size-xl: 18px;--font-size-xxl: 22px;--font-size-xxxl: 36px}}@media (max-width: 480px){:root{--font-size-xs: 10px;--font-size-s: 11px;--font-size-m: 13px;--font-size-l: 15px;--font-size-xl: 17px;--font-size-xxl: 20px;--font-size-xxxl: 32px}}.home{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;background-color:var(--background-color);position:relative}.home-content{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;z-index:1}.home-content-text .location{text-transform:uppercase;font-weight:550;word-spacing:1px;letter-spacing:1px;font-size:var(--font-size-l);margin-bottom:-10px;color:var(--grey-color)}.home-content-text .title{font-weight:600;word-spacing:1px;letter-spacing:1px;font-size:3em;line-height:3em;display:flex;justify-content:center}.home-content-text .title h1{background:linear-gradient(to bottom,var(--text-color) 40%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.home-content-text .sub-title{color:var(--grey-color);padding:0 30px}.sub-title p{font-size:var(--font-size-l)}.home-content-buttons{margin-top:10px;padding:25px;display:flex;gap:25px}.home-content-buttons a{display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--font-size-m);font-weight:500}.home-content-buttons a:hover .btn-icon{transition:all 1s;color:var(--primary-color)}.home-content-links{position:absolute;bottom:50px;display:flex;gap:20px;margin-top:10px}.home-content-links a{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.social-icon.gmail-icon{width:33px;height:33px}.social-icon.github-icon{width:30px;height:30px}.social-icon.linkedin-icon{width:33px;height:33px}.home-content-links:before{content:"";position:absolute;top:50%;left:-140%;height:1px;width:125px;background-color:var(--primary-color);opacity:.2}.home-content-links:after{content:"";position:absolute;top:48%;right:-136%;height:1px;width:125px;background-color:var(--primary-color);opacity:.2}.grid{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-image:linear-gradient(to right,#80808012 1px,transparent 1px),linear-gradient(to bottom,#80808012 1px,transparent 1px);background-size:24px 24px}.grid-mask{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-image:linear-gradient(to right,#80808012 1px,transparent 1px),linear-gradient(to bottom,#80808012 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}@media (max-width: 1024px){.home-content-text .title{word-spacing:1px;letter-spacing:1px;font-size:2.5em;line-height:3em}}@media (max-width: 768px){.home-content-text .title{word-spacing:1px;letter-spacing:1px;font-size:2.25em;line-height:3em}.sub-title p{font-size:var(--font-size-m)}}@media (max-width: 620px){.home-content-text .title{word-spacing:1px;letter-spacing:1px;font-size:2em;line-height:3em}}@media (max-width: 500px){.home-content-text .title{word-spacing:1px;letter-spacing:1px;font-size:1.5em;line-height:3em}.home-content-buttons{display:flex;flex-direction:column;padding:20px;gap:20px}.home-content-buttons a{padding:10px 16px}}@media (max-width: 425px){.home-content-text .title{word-spacing:1px;letter-spacing:1px;font-size:1.3em;line-height:3em}.home-content-buttons{display:flex;flex-direction:column}}.navbar{width:100%;display:flex;justify-content:center;align-items:center}.navbar-content{margin:0 auto;color:var(--text-color);background-color:var(--background-color-2);border:1px solid var(--secondary-color);border-radius:30px;padding:13px 30px;position:fixed;z-index:10}.navbar-content .navbar-items{display:flex;justify-content:center;align-items:center;gap:30px}.navbar-items .navbar-item{list-style:none;display:flex;justify-content:center;align-items:center;gap:5px}.navbar-item a{z-index:9}.navbar-item p{font-size:var(--font-size-m)}.navbar-item p:hover,.navbar-item .icon:hover{color:var(--primary-color);cursor:pointer}@media (max-width: 768px){.navbar-item p{display:none;transition:all 1s linear}}@media (min-width: 769px){.navbar-item .icon{display:none;transition:all 1s linear}}.skills{width:100%;padding:20px;display:flex;align-items:center;justify-content:center}.skills-content{width:90%;display:flex;flex-direction:column;align-items:center;margin:50px 0;text-align:center}.skills-content-title{margin-bottom:5px;text-align:center}.skills-content-description{color:var(--grey-color);margin-bottom:40px}.skills-content-items{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.skill-item{background-color:var(--background-color-2);border:1px solid var(--secondary-color);border-radius:10px;width:100%;max-width:300px;height:75px;display:flex;align-items:center;padding:10px 15px;gap:15px;transition:all .5s}.skill-item:hover{border:1px solid var(--secondary-color);filter:brightness(1.25)}.item-image{width:50px;height:50px;border-radius:8px;padding:10px;background-color:var(--secondary-color);flex-shrink:0}.item-title{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.item-title p{font-size:var(--font-size-s)}.item-title span{font-size:var(--font-size-xs);color:var(--grey-color);margin-top:-5px}@media (max-width: 1085px){.skill-item{max-width:275px;height:75px}}@media (max-width: 1024px){.skills-content{width:95%}.skills-content-items{gap:15px}.skill-item{max-width:250px;height:70px;padding:10px 15px;gap:15px}.item-image{width:45px;height:45px;border-radius:8px;padding:10px}}@media (max-width: 768px){.expedu-sections{width:95%}.skill-item{max-width:225px;height:65px;padding:7.5px 12.5px;gap:12px}.item-image{width:40px;height:40px;border-radius:8px;padding:10px}}@media (max-width: 560px){.skill-item{max-width:210px;height:60px;padding:5px 10px;gap:10px}}@media (max-width: 500px){.skill-item{min-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;width:auto;position:relative;margin:15px 5px}.item-title{position:absolute;top:65px}.item-title span{display:none}}.projects{width:100%;padding:20px;margin-top:30px}.projects-content{width:100%;display:flex;flex-direction:column;align-items:center;margin:50px 0;text-align:center}.projects-content-title{margin-bottom:5px;text-align:center}.projects-content-description{color:var(--grey-color);margin-bottom:10px}.projects-content-items{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:90%;justify-items:center;margin-top:40px}.project-item{background-color:var(--background-color-2);border-radius:10px;display:flex;flex-direction:column;align-items:start;gap:10px;padding:25px;width:100%;position:relative}.project-image{width:100%;display:flex;justify-content:center;border-radius:8px}.project-image img{width:100%;aspect-ratio:3/2;border-radius:8px}.project-details{width:100%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:2px}.project-title{text-align:left;width:100%}.project-title h3{font-size:var(--font-size-xxl);font-weight:500}.project-title p{font-size:var(--font-size-m);color:var(--grey-color);max-width:90%}.project-stacks{display:flex;width:100%;justify-content:space-between;padding:10px 0;margin-top:10px}.stacks{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tech-stack{font-size:var(--font-size-xs);padding:8px 10px;min-width:100px;color:var(--grey-color);background-color:var(--background-color-2);border:1px solid var(--secondary-color);filter:brightness(1.2);border-radius:8px;transition:all .5s}.tech-stack:hover{background-color:var(--secondary-color)}.project-btns{display:flex;justify-content:center;align-items:end;gap:10px;margin-top:10px}.project-btns a{padding:15px;display:flex;align-items:center;border-radius:8px;transition:all .5s}.code-icon,.live-icon{font-size:var(--font-size-xxl);transition:all .5s}.code-icon{color:var(--primary-color)}.code-btn{border:1px solid var(--primary-color)}.code-btn:hover{background-color:var(--primary-color)}.code-btn:hover .code-icon{color:var(--text-color)}.view-btn{background-color:var(--primary-color);border:1px solid var(--primary-color)}.view-btn:hover{background-color:var(--background-color-2)}.view-btn:hover .live-icon{color:var(--primary-color)}@media (max-width: 1024px){.projects-content-items{width:90%;display:grid;gap:15px}.project-stacks{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:10px 0;margin-top:0}.tech-stack{padding:5px 7px;min-width:75px}.project-btns a{padding:13px}}@media (max-width: 768px){.projects-content-items{width:95%;grid-template-columns:repeat(1,1fr)}.project-stacks{display:flex;flex-direction:row;align-items:flex-end;width:100%;padding:10px 0;margin-top:10px}.tech-stack{padding:8px 10px;min-width:100px}.project-btns a{padding:12px}}@media (max-width: 480px){.projects-content-items{gap:10px}.project-stacks{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:10px 0;margin-top:0}.tech-stack{padding:5px 7px;min-width:75px}.project-btns a{padding:10px}}.contact{width:100%;padding:20px;margin-top:30px;display:grid;place-items:center}.contact-content{width:90%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--secondary-color);border-radius:10px;margin:50px 0;padding:25px 50px}.contact-content-left{z-index:1;width:50%;display:flex;flex-direction:column;text-align:left;margin-left:20px}.left-details{width:100%}.left-details h2:first-child{font-size:var(--font-size-xl)}.left-details .hello-icon{color:var(--primary-color);font-size:var(--font-size-xl)}.left-details h2{font-size:var(--font-size-xxl);font-weight:550}.left-email{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0;padding:10px;border-radius:10px;border:1px solid var(--secondary-color);width:fit-content}.email-icon{padding:2px 6px;border-radius:5px;background-color:var(--background-color-2)}.email-text{display:flex;flex-direction:column;justify-content:center;align-items:start}.email-text a{font-size:var(--font-size-xs);color:var(--primary-color)}.left-socials{display:flex;gap:10px;color:var(--grey-color)}.left-socials p{display:block;color:var(--text-color)}.left-socials a:hover{color:var(--primary-color)}.contact-content-right{z-index:1;width:50%;display:flex;flex-direction:column;text-align:left;padding:2.5%;margin:10px;border-radius:10px;box-shadow:0 0 20px #9191911a;background-color:var(--background-color)}.contact-content-right .title{display:flex;align-items:center;gap:5px}.contact-content-right h2{font-size:var(--font-size-xxl);background:linear-gradient(to bottom,var(--text-color) 40%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.contact-content-right label{font-size:var(--font-size-s);color:var(--grey-color)}.contact-content-right .input-group{width:96%;padding:10px 0}.input-group input,.input-group textarea{all:unset;width:100%;padding:6px;font-size:var(--font-size-m);border:1px solid var(--secondary-color);background-color:var(--background-color-2);border-radius:6px}.input-group input:focus,.input-group textarea:focus{border:1px solid var(--primary-color)}.send-btn{display:flex;align-items:center;gap:6px;padding:8px 45px;border-radius:6px;font-size:var(--font-size-l);font-weight:500;margin:10px 0}.send-btn .send-icon{transition:all .5s;width:18px}.send-btn:hover .send-icon{color:var(--primary-color)}.copyright{color:var(--secondary-color);font-size:var(--font-size-s)}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;background-color:#4caf50;color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;font-size:16px;z-index:1000}.grid-mask{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-image:linear-gradient(to right,#80808012 1px,transparent 1px),linear-gradient(to bottom,#80808012 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}@media (max-width: 768px){.contact-content{width:95%;padding:15px 30px}.contact-content-left{display:none}.contact-content-right{width:100%;padding:20px}.send-btn{padding:8px 35px}}@media (max-width: 480px){.contact-content{width:95%;padding:10px}.contact-content-right{width:100%;padding:20px}.send-btn{padding:8px 25px}}.customise-content{position:fixed;bottom:20px;left:50%;background-color:var(--background-color-2);border:1px solid var(--secondary-color);border-radius:10px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:15px;z-index:9999;transition:all .4s ease-in-out;box-shadow:0 4px 8px #0003}.customise-content.hidden{opacity:0;visibility:hidden;transform:translate(-50%,10px)}.customise-content.visible{opacity:1;visibility:visible;transform:translate(-50%)}.edit-button{position:fixed;bottom:20px;right:20px;width:55px;height:55px;background-color:var(--background-color-2);border:1px solid var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10000;box-shadow:0 4px 6px #0003}.edit-button:hover{background-color:var(--background-color)}.edit-button .icon{font-size:28px;color:var(--primary-color)}.customise-options{display:flex;align-items:center;justify-content:center;gap:15px}.color-option{position:relative;width:100px;height:42px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--background-color-2);border:1px solid var(--secondary-color);box-shadow:0 2px 5px #0003}.color-option[data-tooltip]{position:relative;cursor:pointer}.color-option[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .3s ease}.color-option[data-tooltip]:hover:after{opacity:1}.color-option label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:var(--text-color);pointer-events:none;z-index:2}input[type=color]{width:100%;height:100%;border:none;outline:none;border-radius:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}input[type=color]:focus{border:2px solid var(--primary-color);box-shadow:0 0 6px #f9b75380}.color-option.dark-light,.color-option.random-theme,.color-option.reset-theme{all:unset;display:flex;align-items:center;justify-content:center;width:60px;height:40px;border-radius:6px;cursor:pointer;background-color:var(--text-color);transition:all .3s ease}.theme-icon{color:var(--background-color)}@media (max-width: 769px){.customise-content{flex-direction:column;padding:15px;width:auto;min-width:60px}.customise-options{flex-direction:column;align-items:center;gap:10px}.color-option{width:100px;height:40px}.edit-button{width:50px;height:50px}.edit-button .icon{font-size:24px}}.app{width:100%;background-color:var(--background-color)}.section-title{font-size:var(--font-size-xxxl);font-weight:550}.section-desc{font-size:var(--font-size-l)}