*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}:root{--main-c: #00c6ff;--sec-c: #0072ff;--glow-c: #0072ff55;--back-c: #fdfeff;--main-text-c: black;--sec-text-c: #7b849d;--btn-c: white;--section-main-c: var(--back-c);--section-sec-c: #f8fbff;--border-c: rgb(234, 234, 234);--soft-c: #0072ff1f}body.dark-mode{--back-c: #13151d;--main-text-c: white;--btn-c: #16181e;--section-main-c: #181b24;--section-sec-c: #16181e;--border-c: rgb(47, 47, 47)}body,.section{background-color:var(--back-c)}body.dark-mode .section:nth-child(odd){background-color:#181a23}.btn{padding:10px 20px;border-radius:5px;border:none;cursor:pointer;transition-duration:.3s;background-color:var(--btn-c);font-weight:700;height:50px;color:var(--main-text-c)}.btn.gradient{background-image:linear-gradient(to right,var(--main-c),var(--sec-c),var(--main-c));color:var(--back-c);background-size:200% 100%;background-position:0}.btn:hover{background-color:var(--main-c);color:var(--back-c)}.btn.gradient:hover{background-position:100%}.github-btn{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;width:fit-content;border-radius:5px;margin-top:15px;height:fit-content;background-color:var(--section-main-c);border:1px solid var(--border-c)}.hover-card{border:1px solid var(--border-c);border-radius:10px;transition-duration:.3s}.hover-card:hover{box-shadow:var(--glow-c) 0 10px 20px 0;transform:translateY(-10px) scale(1.01)}.icon-btn{color:var(--sec-text-c);transition-duration:.3s}.contact-btns-cont{display:flex;align-items:center;justify-content:center;padding:15px;gap:10px}.icon-btn:hover{color:var(--sec-c)}.section-cont{max-width:1200px;margin:auto;padding:75px 20px 30px;display:flex;flex-direction:column;align-items:center}.section-title{font-size:50px;color:var(--main-text-c);text-align:center;margin-bottom:20px}.section-title span{background-image:linear-gradient(to right,var(--main-c),var(--sec-c));-webkit-background-clip:text;background-clip:text;color:transparent}.section-about{text-align:center;color:var(--sec-text-c);font-size:20px;margin-bottom:40px}nav{position:fixed;left:0;top:0;padding:15px;display:flex;justify-content:space-between;width:100%;z-index:1;background-color:var(--back-c);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}nav .theme-icon{font-size:20px;cursor:pointer;color:var(--sec-text-c)}nav .options{display:flex;align-items:center;justify-content:center;gap:20px}nav .logo{font-size:30px;font-weight:700;background:linear-gradient(to right,var(--main-c),var(--sec-c));-webkit-background-clip:text;background-clip:text;color:transparent}nav .links{display:flex;list-style:none;gap:20px;width:fit-content;align-items:center;justify-content:center}nav .toggle-list-shown-btn{display:none;width:35px;padding:8px;border-radius:5px;flex-direction:column;justify-content:space-between;gap:3px;background-color:transparent;border:none;transition-duration:.3s}nav .toggle-list-shown-btn span{display:block;height:3px;width:100%;background-color:var(--main-text-c);transition-duration:.3s}.toggle-list-shown-btn:hover{background-color:var(--sec-c)}.toggle-list-shown-btn:hover span{background-color:var(--back-c)}@media (max-width: 400px){nav .links{display:flex;flex-direction:column;top:100%;left:0;width:100%;position:absolute;padding:15px;gap:0px;background-color:var(--back-c);border-bottom:1px solid var(--main-c)}nav .toggle-list-shown-btn{display:flex}nav .links.hide{display:none}nav li,nav a{width:100%;height:30px}}nav a{text-decoration:none;color:var(--sec-text-c);transition-duration:.3s;display:block}nav li:hover a{color:var(--main-text-c)}#home{height:calc(100vh - 64.4px);margin-top:64.4px;position:relative;text-align:center;background-color:var(--back-c)}#home .section-cont{padding-top:10%}#home h1{background-image:linear-gradient(to right,var(--main-c),var(--sec-c));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:50px;margin-bottom:10px}#home p{color:var(--sec-text-c)}#home .btns{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:15px}@media (max-width: 400px){#home .btns{flex-direction:column;width:100%;gap:5px}#home .btns *{width:100%}}#home .down-btn{position:absolute;bottom:20px;animation-duration:1.5s;animation-name:down-btn-animation;animation-iteration-count:infinite;font-size:20px;cursor:pointer;color:var(--sec-c)}@keyframes down-btn-animation{0%{bottom:20px}30%{bottom:5px}to{bottom:20px}}#about .grid{display:flex;align-items:center;justify-content:space-between;width:100%;gap:30px}#about .grid>div{width:50%}@media (max-width: 780px){#about .grid{flex-direction:column}#about .grid>div{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}#about .grid .left{text-align:center}}.pfp{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:var(--glow-c) 0 0 10px 0;margin-bottom:30px}.pfp img{width:100%}.about-bio{color:var(--sec-text-c);font-size:18px}.facts{margin-top:20px}.facts h3{margin-bottom:10px;color:var(--main-text-c)}.facts ul{list-style:none}.facts ul li{margin-bottom:5px;color:var(--sec-text-c)}.main-skills-cont{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.main-skill{background-image:linear-gradient(to right,var(--section-main-c),var(--section-sec-c));width:100%;display:flex;gap:10px;padding:20px;align-items:start}.main-skill svg{color:var(--sec-c)}.main-skill h3{margin-bottom:10px;color:var(--main-text-c)}.main-skill p{color:var(--sec-text-c)}#skills .grid{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(250px,300px));width:100%;gap:30px}.skill-category{padding:30px 10px;border:1px solid var(--border-c);border-radius:10px;transition-duration:.3s;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(to right,var(--section-main-c),var(--section-sec-c))}.skill-category h3{color:var(--main-text-c);margin-bottom:10px}.skill-category>div{display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:center}.skill-category .skill{padding:7px;min-width:60px;text-align:center;color:var(--sec-c);border-radius:50px;background-color:var(--soft-c);transition-duration:.3s}.skill-category .skill:hover{background-color:var(--glow-c)}#projects .grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;gap:30px}.project-widget{border-radius:20px;border:1px solid var(--border-c);overflow:hidden;width:30%;background-image:linear-gradient(to right,var(--section-main-c),var(--section-sec-c))}.project-widget h3{color:var(--main-text-c)}@media (max-width: 1000px){.project-widget{width:100%}}.project-widget .img-cont{width:100%;min-height:300px;background-size:cover;overflow:hidden;position:relative;transition-duration:.3s}.project-widget .img-cont img{width:100%;object-fit:cover;transition-duration:.3s}.project-widget:hover img{transform:scale(1.1)}.project-widget .img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,rgba(0,0,0,.31),transparent);display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;transition-duration:.3s}.project-widget:hover .img-overlay{opacity:1}.project-widget .img-overlay button{padding:10px 20px;border-radius:50px;border:none;cursor:pointer;transition-duration:.3s;background-color:#ffffff6e;font-weight:700;color:#fff;height:50px}.project-widget .info{padding:25px}.project-widget .info h3{margin-bottom:10px;font-size:30px}.project-widget .info .about{color:var(--sec-text-c);margin-bottom:20px}#projects .tags{display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:start}#projects .tags .tag{padding:5px 10px;border-radius:50px;background-color:var(--back-c);color:var(--sec-c);border:1px solid var(--border-c);font-size:14px}.project-details-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000a;z-index:2;display:flex;align-items:center;justify-content:center}.project-details-cont{background-color:var(--back-c);width:800px;padding:30px;border-radius:20px;overflow-y:scroll;max-height:calc(100vh - 50px);position:relative}@media (max-width: 800px){.project-details-cont{width:100%;margin:0 10px}}.project-details-cont::-webkit-scrollbar{display:none}.project-details-cont h2{margin-bottom:20px;color:var(--main-text-c)}.project-details-cont h4{color:var(--main-text-c)}.project-details-cont .img-cont{width:100%;min-height:300px;background-size:cover;overflow:hidden;position:relative;border-radius:10px}.project-details-cont .img-cont img{width:100%}.project-details-cont h4{margin:10px 0}.project-details-cont .overview{color:var(--sec-text-c)}.project-details-cont .screenshots{display:flex;align-items:center;justify-content:start;gap:10px;width:100%;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden}.project-details-cont .screenshots::-webkit-scrollbar{display:none}.project-details-cont .btns{display:flex;align-items:center;justify-content:end;gap:10px}.project-details-cont .screenshots .img-cont{min-width:300px;min-height:200px;background-size:cover;overflow:hidden;position:relative;border-radius:10px;background-position:center}.project-details-cont .features li{margin-bottom:5px;margin-left:20px;color:var(--sec-text-c)}.project-details-cont .btns>*{margin-bottom:20px;font-size:20px;height:40px;width:40px;border-radius:5px;cursor:pointer;color:var(--main-text-c);background-color:var(--back-c);border:none;transition-duration:.3s;display:flex;align-items:center;justify-content:center}.project-details-cont .btns>*:hover{background-color:var(--sec-c);color:var(--back-c)}#contact h3{color:var(--main-text-c)}#contact .contact-brief{color:var(--sec-text-c);text-align:center;margin-bottom:30px}.contact-card{background-image:linear-gradient(to right,var(--section-main-c),var(--section-sec-c));width:100%;padding:15px;margin-bottom:15px}.contact-card .icon-cont{color:var(--sec-c);font-size:30px;width:50px;height:50px;min-width:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--soft-c)}.contact-card .grid{display:flex;align-items:center;justify-content:start;gap:10px;width:100%}.contact-card a{text-decoration:none;color:var(--main-text-c)}.contact-card .name{color:var(--main-text-c);font-weight:700;margin-bottom:5px}.contact-card .value{color:var(--sec-text-c)}footer{padding:20px;background-color:var(--back-c);display:flex;align-items:center;flex-direction:column;justify-content:center}footer h2{background-image:linear-gradient(to right,var(--main-c),var(--sec-c));-webkit-background-clip:text;background-clip:text;color:transparent}footer p{color:var(--sec-text-c);margin-bottom:10px}footer .nav{display:flex;align-items:center;justify-content:center;gap:20px}footer .nav a{text-decoration:none;color:var(--sec-text-c);transition-duration:.3s}footer .nav a:hover{color:var(--main-text-c)}