@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;500&family=Open+Sans&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--background-color: rgba(24, 24, 27);--little-black: rgb(10, 10, 10);--primary-text-color: rgb(255, 245, 191);--accent-color: rgb(248, 202, 202);--nav-height: 8vh;--footer-height: 10vh}body{background-color:var(--background-color);color:var(--primary-text-color);font-family:Noto Sans,sans-serif;height:80vh!important}::selection{background-color:var(--primary-text-color);color:var(--background-color)}a{text-decoration:none;color:inherit;display:inline}nav ul{list-style:none;padding:10px;font-size:large}nav ul li{display:inline}.flex{display:flex;align-items:center}.grid{display:grid;align-items:center}.container{max-width:100vw;margin-inline:auto}.accent{color:var(--accent-color)}.accent::selection{background-color:var(--accent-color)}.block{display:block}.main-heading{font-weight:bolder;font-size:48px;padding-block:10px}.primary-btn{border-style:none;cursor:pointer;padding:10px;margin-top:2rem;color:var(--accent-color);background-color:inherit;border:1px solid var(--accent-color);border-radius:10px;font-family:inherit;font-size:medium}.primary-btn:hover{background-color:var(--primary-text-color);color:var(--little-black)}.underline{text-decoration:underline;text-underline-offset:5px}.sub-heading{text-align:center;margin:20px}.min-height{min-height:82vh}.margin-block{margin-block:1rem}.margin-right{margin-right:.5rem}.margin-right-big{margin-right:1rem}.icon-provider{display:flex;gap:.1rem}::-webkit-scrollbar{width:5px;height:8px;background-color:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--accent-color)}@media screen and (max-width: 1300px){.project-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100vw}}@media screen and (max-width: 991px){h1{font-size:25px}.social-links{width:100vw;justify-content:space-evenly!important}#copyText{display:none}.home-section{margin:1rem 2rem}.skill-section{display:grid;grid-template-columns:repeat(2,.3fr);column-gap:0px}footer{position:static!important}.blog-home{margin:0rem 5rem!important}.blog-image{width:30rem}.blog-content{width:80%!important}}@media screen and (max-width: 767px){h1{font-size:20px}.main-heading{font-size:40px}.footer-text{display:none;justify-content:space-between}.home-section{flex-direction:column-reverse;justify-content:space-between}.my-image{width:22rem!important}.skill-section{height:max-content;display:flex;flex-direction:column;margin-bottom:1rem;align-items:center!important;padding-top:0%!important}.project-tech{font-size:15px}.blog-home{margin:0rem 1rem!important}.blog-card{margin:.1rem!important;padding:1.5rem;border-radius:1rem}.blog-card-footer{flex-direction:column;align-items:flex-start}.blog-image{width:25rem!important}.blog-content{width:90%!important}.no-internet-image{width:25%!important}}@media screen and (max-width: 479px){.my-image{width:20rem!important}.project-image{width:330px!important;height:180px!important}.project-card{width:350px;height:390px!important}.blog-card-left{flex-direction:column;gap:0!important;align-items:baseline}.blog-image{width:20rem!important}.no-internet-text{align-items:baseline}.no-internet-image{width:25%!important}}.navbar{position:sticky;top:0;justify-content:center;height:var(--nav-height);background-color:var(--background-color);opacity:.9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-links li{margin:20px;flex-direction:row}.nav-links li:hover{text-decoration:underline;text-underline-offset:5px}ul .active{font-weight:700;color:var(--accent-color);text-decoration:underline;text-underline-offset:5px}footer{background-color:var(--little-black);justify-content:space-around;height:var(--footer-height)}.social-links{justify-content:space-evenly;transition:.7s ease;gap:2rem}.social-links span :hover{color:var(--accent-color)}.no-match{flex-direction:column;justify-content:center}.home-section{justify-content:center;align-self:center}.home{font-size:20px;flex-direction:column;align-items:flex-start}.home-image{width:fit-content}.my-image{width:25rem;border-radius:300px;text-align:center}.home-section-buttons{gap:1rem}.skill-img{width:50px;height:50px;margin-bottom:10px}.skill{justify-content:center;flex-direction:column;text-align:center}.skills{grid-template-columns:repeat(3,1fr);gap:25px}.skill-container,.skill-section,.skill-box{display:grid}.skill-container{place-items:center}.skill-section{grid-template-columns:repeat(3,1fr);margin-inline:auto;gap:3rem}.skill-box{grid-template-rows:60px 1fr;gap:1rem}.skill-box h1{text-align:center}@media (max-width: 1300px){.skill-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skill-section{grid-template-columns:repeat(1,1fr)}}.project-image{width:450px;height:256px;border-radius:20px}.project-card{flex-direction:column;padding:20px;border-radius:20px;height:475px}.project-card:hover{background-color:#27272a}.project-section{grid-template-columns:repeat(3,1fr);justify-content:center;width:100%;margin:1rem 0}.project-title{text-align:left}.project-tech{font-weight:700}.project-details{margin:10px;font-weight:350;color:#f0f8ff}.card-link{cursor:pointer;padding:5px}.card-link:hover{color:var(--accent-color)}.card-link-container{display:flex}.blog-home{align-items:flex-start;justify-content:flex-start;margin:0rem 10rem}.blog-card{margin:1rem;padding:1.5rem;border-radius:1rem}.blog-card:hover{background-color:#27272a}.blog-card-footer{justify-content:space-between;margin-top:.7rem;gap:.2rem}.blog-card-left{gap:1rem}.blog-content{width:65%;margin-bottom:1rem}.blog-card-left{margin-block:1rem}.blog-heading{margin-top:1rem}.blog-image{width:40rem;display:block;margin:10px auto;border-radius:15px}.code-in-side{display:block;margin-right:auto;border-radius:15px}.copy-to-clipboard{font-size:x-large;float:right;margin-left:-15rem;cursor:pointer}.no-internet{flex-direction:column;justify-content:center;height:calc(100vh - var(--footer-height) - var(--nav-height))}.no-internet-image{width:15%}.no-internet-text{flex-direction:column}.list-view{margin-left:1rem}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}