*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0F172A;--primary: #3B82F6;--white: #ffffff;--gray: #94A3B8}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--bg);color:var(--white)}a{color:var(--primary);text-decoration:none}button{background-color:var(--bg);border:2px solid var(--primary);color:var(--primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:ease .25s all;font-weight:700;-webkit-tap-highlight-color:transparent}@media(hover:hover){button:hover{background-color:var(--primary);color:var(--white)}}.parent-navbar{width:100%;top:0;display:flex;padding:1.5rem 3rem;align-items:center;justify-content:space-between}.main-logo p{font-family:monospace;font-size:1.25rem;font-weight:900;cursor:pointer}.main-logo p span{color:var(--primary)}.sec-section{display:flex;align-items:center;justify-content:space-between;column-gap:2rem}.sec-section .nav-links ul{display:flex;column-gap:4rem}.sec-section .nav-links ul li{list-style:none}.sec-section .nav-links ul li a{position:relative;font-weight:600;text-decoration:none;color:inherit}.sec-section .nav-links ul li a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:var(--primary);transition:width .3s ease}.sec-section .nav-links ul li a:hover:after{width:100%}.menu-icon{display:none;cursor:pointer}.menu-content{width:70%;height:100vh;position:fixed;top:0;right:0;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translate(100%);transition:transform .5s ease-in-out;z-index:1000}.menu-content.active{transform:translate(0)}.menu-content ul{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:flex-start;padding-top:2rem}.menu-content ul li{width:100%;text-align:center;transition:.4s ease all}.menu-content ul li a{display:block;width:100%;text-decoration:none;color:inherit;padding:1rem 0}.menu-content ul li:hover{background-color:#0000004d}ul{list-style:none;padding:0;margin:0}@media(max-width:800px){.menu-icon{display:block}.nav-links{display:none}.sec-section{column-gap:1rem}.contact-button{padding:.25rem .5rem!important}}@media(max-width:400px){.contact-button{display:none!important}}.main-header{margin-top:2rem;width:100%;padding:2.5rem;height:100%;overflow:hidden}.mh-f-section{display:flex;align-items:flex-start;justify-content:space-evenly}.brief-sec{display:flex;flex-direction:column;row-gap:1rem}.brief-sec .about{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:.75rem;position:relative}.about h3{font-size:1.5rem;font-weight:600}.about .career,.about .career+p{color:var(--gray);font-weight:700}.brief-para{max-width:600px;color:var(--gray);line-height:1.6}.brief-sec .more{display:flex;column-gap:.75rem}.more .cv-btn{display:flex;column-gap:10px;font-weight:700;align-items:center;justify-content:center;background-color:var(--primary);color:var(--white);transition:all .375s ease}.about h1 span{color:var(--primary);text-shadow:5px 5px 40px var(--primary);cursor:pointer;margin-left:.25rem;display:inline-block;overflow:hidden;white-space:nowrap;border-right:.1rem solid white;animation:typing 6s steps(40,end) infinite,blink-caret .75s step-end infinite;animation-delay:3s}.about h1{font-size:3.5rem;display:flex;place-items:center}@keyframes typing{0%{width:0}40%{width:14.5ch}60%{width:14.5ch}to{width:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--white)}}.pic-sec{display:flex;align-items:flex-start;width:290px;height:290px;cursor:pointer;margin-bottom:30px;border:10px solid var(--primary);border-radius:50%;border-bottom-color:var(--gray)}.pic-sec img{width:100%;height:100%;border-radius:50%;position:relative;filter:grayscale(100%);box-shadow:0 0 40px 0 var(--white);transition:3s ease-in-out all}.pic-sec img:hover{filter:grayscale(20%);box-shadow:0 0 80px 0 var(--primary)}.mh-s-section{width:100%;padding:5rem 2rem}.mh-s-section .contact-links{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:1rem;position:relative;padding:1rem 0}.mh-s-section .contact-links p{font-weight:600}.mh-s-section .contact-links ul{display:flex;column-gap:1.75rem}.mh-s-section .contact-links ul li{cursor:pointer;transition:.3s ease transform}.mh-s-section .doodle{width:100%;height:100%;opacity:.2;z-index:-999;position:absolute;top:0;left:0}@media(max-width:900px){.pic-sec{width:220px;height:220px}.about h3{font-size:1rem}.about h1{font-size:2rem}.brief-para{max-width:400px;padding-right:1rem}}@media(max-width:700px){.mh-f-section{flex-direction:column-reverse;align-items:center}.pic-sec{width:180px;height:180px}.about h3{font-size:1rem}.about h1{font-size:2rem}.brief-para{max-width:400px;padding-right:1rem}}@media(hover:hover){.mh-s-section .contact-links ul li:hover{transform:scale(.9)}.more .cv-btn:hover{box-shadow:0 0 40px var(--gray)}}.spinner{width:40px;height:40px;background-color:var(--white);border:var(--primary) 10px solid;border-left-color:var(--gray);border-radius:50%;animation:spin 1s linear;animation-iteration-count:infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills-parent{width:100%;margin-bottom:5rem;display:flex;justify-content:center;align-items:center}.skills-sub{width:100%;padding:0 2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;row-gap:3rem}.skills-sub h1{font-size:2.5rem;text-align:center}.skills-sub div{display:flex;flex-direction:column;row-gap:1.75rem;column-gap:1rem;padding:1rem 2rem;border-radius:15px;border:1px solid var(--primary)}.skills-sub div h3{color:var(--gray);text-align:left}.skills-sub ul{display:flex;flex-wrap:wrap;column-gap:1rem;justify-content:center;align-items:center;row-gap:1rem}.skills-sub ul li{padding:.6rem 1.2rem;background:#3b82f64d;border:1px solid #ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:30px;font-size:.9rem;transition:all .25s ease;cursor:default;color:var(--primary)}.skills-sub ul li:hover{transform:scale(.9)}.projects-parent{width:100%;margin-bottom:8rem}.projects-parent h1{text-align:center;font-size:2.5rem;margin-bottom:4rem}.projects-sub{width:100%;padding:0 4rem;display:flex;flex-direction:column;row-gap:3.75rem}.proj{display:flex;padding:1rem;flex-direction:row;column-gap:3rem;row-gap:2rem;border-radius:40px;justify-content:center;align-content:center}.left{width:100%}.left img{width:100%;border-radius:30px;box-shadow:0 0 20px 0 var(--white);filter:grayscale(30%)}.right{display:flex;flex-direction:column;row-gap:1.5rem;width:50%}.tech{display:flex;column-gap:.75rem;row-gap:.5rem;flex-wrap:wrap}.tech li{padding:.5rem .75rem;border-radius:30px;background:#3b82f666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none;color:var(--gray)}.proj-about{max-width:100%}.proj-links{display:flex;column-gap:1rem}.proj-links a{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem .75rem;border:1px solid var(--gray);transition:.2s ease color}.proj-links a:hover{color:var(--white)}@media(max-width:800px){.proj{display:flex;flex-direction:column}.left{width:70%;display:flex;justify-content:center;align-items:center}.left img,.right{width:100%}}.contact{width:100%;margin-bottom:3rem;padding:2rem 0;position:relative}.contact form{width:100%;padding:0 2.5rem;display:flex;flex-direction:column;row-gap:1rem;justify-content:center;align-items:center;position:relative}.contact textarea{width:50%;resize:none;padding:1.5rem;size-adjust:none;background:#0003;color:var(--white);font-size:1.25rem;outline:none;border:none;border-radius:5px;box-shadow:0 0 5px 0 var(--gray)}.contact label{font-size:1.25rem}.contact input[type=submit]{padding:.5rem .75rem;background-color:var(--primary);color:var(--white);transition:.3s ease opacity;border:none;border-radius:10px;font-size:1.25rem;cursor:pointer}.contact input[type=submit]:hover{opacity:.7}.feedback{background:#119f1166;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-right-radius:8px;border-bottom-right-radius:8px;position:absolute;left:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:10px;transition:.5s ease transform;transform:translate(-500px);font-size:.5rem}.feedback.active{transform:translate(0)}.feedback p{text-align:center;font-size:1.25rem;color:var(--white);font-weight:600}@media(max-width:700px){body{font-size:14px}.contact textarea{width:70%}}footer{display:flex;align-items:center;justify-content:center;padding:2rem}footer p{text-align:center;font-size:1rem;font-weight:600}.scroll-y{display:none}.active-scroll{position:fixed;bottom:3rem;right:2rem;cursor:pointer;color:var(--white);background-color:var(--primary);border-radius:50%;z-index:1000;border:var(--primary) 5px solid;transition:.3s ease transform;animation:up-down-anim;animation-duration:2s;animation-delay:1s;animation-iteration-count:2}.active-scroll:hover{transform:scale(.9)}@keyframes up-down-anim{0%{margin-bottom:0}50%{margin-bottom:10px}to{margin-top:10px}}