@charset "UTF-8";body{margin:0;padding:0;background-color:#1f1e43;color:#8892b0;font-family:DM Sans,sans-serif}a{text-decoration:none;color:inherit}a:hover{cursor:pointer}header{position:fixed;top:0;width:100%;z-index:999}header nav .nav-container{background-color:#1f1e43;display:flex;justify-content:space-between;align-items:center;transition:all .5s ease-in-out;padding:10px;border:unset;margin-top:5px}header nav .nav-container.scrolling{border:3px solid #64ffda;background-color:#1f1e43c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:20px}header nav .nav-container .logo a{align-items:center;border:3px solid;color:#64ffda;display:flex;font-family:Fira Code,monospace;font-size:30px;height:50px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:50px}header nav .nav-container .logo a:after{animation-duration:1s;animation-iteration-count:infinite;animation-name:blink;background:#64ffda;bottom:7px;content:"";height:3px;position:absolute;right:16px;width:15px}@keyframes blink{0%{opacity:0}to{opacity:1}}header nav .nav-container .links-content{display:flex;gap:30px;align-items:center}header nav .nav-container .links-content ul{list-style:none}header nav .nav-container .links-content ul li{display:inline-block;margin-left:20px;font-size:14px}.btn-content{align-items:center;background-color:initial;border:1px solid;border-radius:5px;color:#64ffda!important;display:flex;gap:10px;justify-content:center;padding:10px;position:relative;transition:all .5s ease-in-out;width:fit-content;cursor:pointer}.btn-content:hover{background-color:#64ffda1a!important}.common-section{min-height:100vh;display:flex;align-items:center}.sm-heading{align-items:center;color:#64ffda;display:flex;font-family:Fira Code,monospace;font-size:15px;gap:20px;position:relative}.sm-heading.section-heading{font-size:22px}.sm-heading:after{content:"";background-color:#64ffda;border:.4px solid #64ffda;width:100px}.heading-container h1{font-family:sans-serif;font-size:60px;line-height:30px;margin:25px 0;color:#ccd6f6}.heading-container h2{color:#ccd6f6;font-size:29px}.about-section .about-content{display:flex}.about-section .about-content .left-content{width:70%}.about-section .about-content .left-content p{font-size:16px}.about-section .about-content .right-content{width:30%;padding-left:40px;padding-top:40px}.about-section .about-content .right-content img{width:250px;box-shadow:8px 6px 0 1px #64ffda}.projects-section .projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.projects-section .projects-list .project-content{background-color:#191837}.projects-section .projects-list .project-content .project-heading{background:#14142d;padding:20px;border-bottom:5px solid #63fdd8}.projects-section .projects-list .project-content .project-heading h3{margin:0}.projects-section .projects-list .project-content .project-info{padding:20px}.projects-section .projects-list .project-content .project-info p{margin-top:0}.skills-section .skills-box-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.skills-section .skills-box-container .skills-box-content{background:#191837}.skills-section .skills-box-container .skills-box-content .box-heading{background:#14142d;padding:20px;border-bottom:5px solid #63fdd8}.skills-section .skills-box-container .skills-box-content .box-heading h3{margin:0}.skills-section .skills-box-container .skills-box-content .skills-group{padding:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.skills-section .skills-box-container .skills-box-content .skills-group .skill-item{padding:10px;text-align:center}.skills-section .skills-box-container .skills-box-content .skills-group .skill-item .skill-icon{font-size:40px;margin-bottom:10px}.education-section .education-content{background:#191837;margin-top:20px}.education-section .education-content .education-info{padding:20px}.education-section .education-content .education-info .edu-info-with-icon{display:flex;gap:10px;align-items:center;margin-bottom:20px}.education-section .education-content .education-info .edu-info-with-icon svg{font-size:25px}.education-section .education-content .education-heading{margin:0;padding:20px;background:#14142d;border-bottom:5px solid #63fdd8}.education-section .education-content .education-heading h3{margin:0}.contact-section .contact-container{display:flex;justify-content:center}.contact-section .contact-container .form-content .contact-form{padding:20px;background:#191837;margin-top:20px}.contact-section .contact-container .form-content .contact-form form input,.contact-section .contact-container .form-content .contact-form form textarea{display:block;margin-bottom:30px;width:470px;padding:10px;margin-top:10px;background-color:transparent;border:1px solid #64ffda;border-radius:5px;color:#fff}.contact-section .contact-container .form-content .contact-form form input:focus,.contact-section .contact-container .form-content .contact-form form textarea:focus{outline:none;background-color:#64ffda1a}.contact-section .contact-container .form-content .contact-form form .btn-content{width:fit-content}footer{position:fixed;top:40%;left:30px;display:flex;flex-direction:column}footer a{margin-top:20px;font-size:30px;color:#64ffda}.cursor{position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;background-color:#64ffda;z-index:100;pointer-events:none;z-index:99999}.progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:#64ffda;transform-origin:0%;z-index:10}.experience-section .experience-content .experience-item{background:#191837;margin-top:20px}.experience-section .experience-content .experience-item .exp-inner-content{padding:10px}.experience-section .experience-content .experience-item .exp-inner-content p,.experience-section .experience-content .experience-item .exp-inner-content h4{margin:10px 0}.experience-section .experience-content .experience-item .exp-heading{margin:0;padding:20px;background:#14142d;border-bottom:5px solid #63fdd8}.experience-section .experience-content .experience-item .exp-heading h3{margin:0}.blogs-section .blog-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.blogs-section .blog-section-grid .blog-card{background-color:#191837;transition:all .3s ease-in-out;box-shadow:none}.blogs-section .blog-section-grid .blog-card:hover{box-shadow:0 0 20px 4px #191837}.blogs-section .blog-section-grid .blog-card img{width:100%}.blogs-section .blog-section-grid .blog-card .blog-content{padding:20px;border-top:5px solid #63fdd8}.blogs-section .blog-section-grid .blog-card .blog-content h3{margin-top:0;margin-bottom:0}.blogs-section .blog-section-grid .blog-card .blog-content p{margin-top:10px;margin-bottom:15px}.error-page .error-page-content{display:flex;flex-direction:column;align-items:center}.error-page .error-page-content h1{font-size:30px;margin:0;color:#64ffda}@media(max-width:900px){footer{position:unset;flex-direction:row;justify-content:center;align-items:center;margin:20px;gap:20px}.common-section{min-height:auto;margin:60px 0}.skills-section .skills-box-container,.projects-section .projects-list{grid-template-columns:repeat(1,1fr)}.about-section .about-content .right-content img{width:100%}.heading-container.common-section{margin-top:150px}nav{padding:0 20px}}@media(max-width:600px){nav{padding:0 15px}.heading-container h1{font-size:30px;margin-top:15px;margin-bottom:0}.heading-container h2{margin-top:10px;font-size:20px}.about-section .about-content{flex-direction:column}.about-section .about-content .left-content{width:100%}.about-section .about-content .right-content{width:100%;padding:0;margin-top:20px}.about-section .about-content .right-content img{width:200px}.skills-section .skills-box-container .skills-box-content .skills-group{grid-template-columns:repeat(3,1fr)}.contact-section .contact-container .form-content{width:100%}.contact-section .contact-container .form-content .contact-form form input,.contact-section .contact-container .form-content .contact-form form textarea{width:-webkit-fill-available}.blogs-section .blog-section-grid{grid-template-columns:repeat(1,1fr)}.error-page{margin-top:400px;margin-bottom:400px}}.blog-post{margin-top:100px;margin-bottom:100px}.blog-post .blog-content h1{font-size:60px;color:#ccd6f6;margin-bottom:10px}.blog-post .blog-content .below-title-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-top:1px solid #8892b0;padding-top:20px;margin-top:20px}.blog-post .blog-content .below-title-content .date{font-size:16px;color:#8892b0}.blog-post .blog-content .below-title-content .social-media-share{display:flex;gap:15px}.blog-post .blog-content .below-title-content .social-media-share a{color:#8892b0;font-size:24px;transition:color .3s ease}.blog-post .blog-content .below-title-content .social-media-share a:hover{color:#64ffda}.blog-post .blog-content .blog-body p{font-size:18px;line-height:1.6;color:#8892b0;margin-bottom:15px;margin-top:15px}.blog-post .blog-content .blog-body h2{font-size:30px;margin-bottom:20px;color:#ccd6f6}.blog-post .blog-content .blog-body a{text-decoration:none;transition:color .3s ease;text-decoration:underline}.blog-post .blog-content .blog-body a:hover{color:#52e0c4}.blog-post .blog-content .blog-body ul.list{list-style-type:none;padding-left:0;margin-bottom:15px}.blog-post .blog-content .blog-body ul.list li{font-size:18px;line-height:1.6;color:#8892b0;margin-bottom:10px;display:flex}.blog-post .blog-content .blog-body ul.list li:before{content:"→";color:#64ffda;margin-right:10px;display:flex;align-items:flex-start}.blog-post .blog-content .chart-source{margin-top:10px;color:#8892b0}.blog-post .blog-content .chart-source p{font-size:14px;margin-bottom:5px;margin-top:0}.blog-post .blog-content .note{margin-top:40px;padding:20px;background-color:#14142d;border-left:4px solid #64ffda}.blog-post .blog-content .note .personal-note,.blog-post .blog-content .note .disclaimer{margin-bottom:20px}.blog-post .blog-content .note .personal-note h3,.blog-post .blog-content .note .disclaimer h3{font-size:24px;color:#ccd6f6;margin-bottom:10px;margin-top:10px}.blog-post .blog-content .note .personal-note p,.blog-post .blog-content .note .disclaimer p{font-size:18px;line-height:1.6;color:#8892b0}@media(max-width:900px){.blog-post .blog-content h1{font-size:40px}}@media(max-width:600px){.blog-post .blog-content h1{font-size:30px}.blog-post .blog-content .blog-body p,.blog-post .blog-content .blog-body ul li{font-size:16px}.blog-post .blog-content .blog-body h2{font-size:24px}.blog-post .blog-content .note .personal-note h3,.blog-post .blog-content .note .disclaimer h3{font-size:20px}.blog-post{margin-bottom:0}}