@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;500&family=Open+Sans&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--background-color:#18181b;--little-black:#0a0a0a;--primary-text-color:#fff5bf;--accent-color:#f8caca;--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{color:inherit;text-decoration:none;display:inline}nav ul{padding:10px;font-size:large;list-style:none}nav ul li{display:inline}.flex{align-items:center;display:flex}.grid{align-items:center;display:grid}.container{max-width:100vw;margin-inline:auto}.accent{color:var(--accent-color)}.accent::selection{background-color:var(--accent-color)}.block{display:block}.main-heading{padding-block:10px;font-size:48px;font-weight:bolder}.primary-btn{cursor:pointer;color:var(--accent-color);background-color:inherit;border-style:none;border:1px solid var(--accent-color);border-radius:10px;margin-top:2rem;padding:10px;font-family:inherit;font-size:medium}.primary-btn:hover{background-color:var(--primary-text-color);color:var(--little-black)}.underline{text-underline-offset:5px;text-decoration:underline}.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{gap:.1rem;display:flex}::-webkit-scrollbar{background-color:var(--background-color);width:5px;height:8px}::-webkit-scrollbar-thumb{background:var(--accent-color)}@media screen and (width<=1300px){.project-section{flex-wrap:wrap;justify-content:center;align-items:center;width:100vw;display:flex}}@media screen and (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{grid-template-columns:repeat(2,.3fr);column-gap:0;display:grid}footer{position:static!important}.blog-home{margin:0 5rem!important}.blog-image{width:30rem}.blog-content{width:80%!important}}@media screen and (width<=767px){h1{font-size:20px}.main-heading{font-size:40px}.footer-text{justify-content:space-between;display:none}.home-section{flex-direction:column-reverse;justify-content:space-between}.my-image{width:22rem!important}.skill-section{flex-direction:column;height:max-content;margin-bottom:1rem;display:flex;align-items:center!important;padding-top:0%!important}.project-tech{font-size:15px}.blog-home{margin:0 1rem!important}.blog-card{border-radius:1rem;padding:1.5rem;margin:.1rem!important}.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 (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;align-items:baseline;gap:0!important}.blog-image{width:20rem!important}.no-internet-text{align-items:baseline}.no-internet-image{width:25%!important}}.navbar{height:var(--nav-height);background-color:var(--background-color);opacity:.9;-webkit-backdrop-filter:blur(10px);justify-content:center;position:sticky;top:0}.nav-links li{flex-direction:row;margin:20px}.nav-links li:hover{text-underline-offset:5px;text-decoration:underline}ul .active{color:var(--accent-color);text-underline-offset:5px;font-weight:700;text-decoration:underline}footer{background-color:var(--little-black);height:var(--footer-height);justify-content:space-around}.social-links{justify-content:space-evenly;gap:2rem;transition:all .7s}.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{flex-direction:column;align-items:flex-start;font-size:20px}.home-image{width:fit-content}.my-image{text-align:center;border-radius:300px;width:25rem}.home-section-buttons{gap:1rem}.skill-img{width:50px;height:50px;margin-bottom:10px}.skill{text-align:center;flex-direction:column;justify-content: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);gap:3rem;margin-inline:auto}.skill-box{grid-template-rows:60px 1fr;gap:1rem}.skill-box h1{text-align:center}@media (width<=1300px){.skill-section{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.skill-section{grid-template-columns:repeat(1,1fr)}}.project-image{border-radius:20px;width:450px;height:256px}.project-card{border-radius:20px;flex-direction:column;height:475px;padding:20px}.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{color:#f0f8ff;margin:10px;font-weight:350}.card-link{cursor:pointer;padding:5px}.card-link:hover{color:var(--accent-color)}.card-link-container{display:flex}.blog-home{justify-content:flex-start;align-items:flex-start}.blog-card{border-radius:1rem;padding:1.5rem}.blog-card:hover{background-color:#27272a}.blog-card-footer{justify-content:space-between;gap:.2rem;margin-top:.7rem}.blog-card-left{gap:1rem}.blog-content{max-width:65rem;margin-bottom:1rem}.blog-card-left{margin-block:1rem}.blog-heading{margin-top:1rem}.blog-image{border-radius:15px;width:40rem;margin:10px auto;display:block}.code-in-side{border-radius:15px;margin-right:auto;display:block}.copy-to-clipboard{float:right;cursor:pointer;margin-left:-15rem;font-size:x-large}.no-internet{height:calc(100vh - var(--footer-height) - var(--nav-height));flex-direction:column;justify-content:center}.no-internet-image{width:15%}.no-internet-text{flex-direction:column}.list-view{margin-left:1rem}.blog-badge{top:var(--nav-height);text-align:center;color:var(--little-black);background-color:var(--accent-color);margin-bottom:10px;position:sticky}@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);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);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%));height: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;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}