@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playwrite+MX:wght@100..400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}.color-palette-bg{background-color:#00c9ff}.color-palette{color:#00c9ff}.special-text{background-color:#00c8ff5e;border-bottom:2px solid #00c9ff;border-radius:8px;color:#000;padding:2px}.nav-icon{color:#00c9ff;opacity:.1;transition:text-shadow .3s ease}.nav-icon:hover{opacity:1}img{height:400px;width:400px}.leetcode-icon{height:25px;width:30px}h1{font-size:70px}@media (max-width:1024px){h1{font-size:50px}img{height:400px;width:400px}}@media (max-width:768px){h1{font-size:30px}img{height:300px;width:300px}}@media (max-width:425px){h1{font-size:20px}img{height:200px;width:200px}}.spinner{animation:spin 1.5s linear infinite}@media (max-width:768px){img{height:100px;width:100px}}@keyframes glow{0%{opacity:0;width:0}to{opacity:.9;width:100%}}.underline-text{display:inline-block;position:relative}.underline-text:after{animation:glow 1.5s ease;background-color:#007bff;bottom:-2px;content:"";height:4px;left:0;position:absolute;width:100%}@keyframes progressAnimation{0%{width:0}to{width:var(--progress-width)}}.progress-bar{background-color:#007bff;width:0}.start-animation{animation:progressAnimation 2s ease forwards}.about-bg{background-color:#b8ddf1}.hero-name{font-family:Playwrite MX,cursive;font-optical-sizing:auto;font-style:normal;font-weight:400}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner:hover{animation:spin 1s linear}@keyframes react-loading-skeleton{to{transform:translateX(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);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.ReactModal__Overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ReactModal__Content{animation:slide-down .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;margin:20px;max-width:500px;padding:20px;position:relative;width:90%}.close-button{background:#0000;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.close-button:focus{outline:none}@media (max-width:768px){.ReactModal__Content{font-size:.9rem;padding:15px}.close-button{font-size:1.25rem}}@media (max-width:480px){.ReactModal__Content{font-size:.8rem;padding:10px;width:200px}.close-button{font-size:1rem}}.bg-project{background-color:#53565a}.skill-card{overflow:hidden;position:relative;transition:transform .1s ease;width:12rem}.skill-card:hover{color:#fff;transform:scale(1.04)}.skill-card:hover:before{top:0}img:hover{box-shadow:0 0 .5rem var(----hover-bg-color),0 0 1rem var(----hover-bg-color),0 0 1.5rem var(----hover-bg-color),0 0 2rem var(----hover-bg-color),0 0 6rem var(----hover-bg-color),0 0 9rem var(----hover-bg-color)}.skill-card:before{background-color:#00c9ff;background-color:var(--hover-bg-color,#00c9ff);content:"";height:100%;left:0;position:absolute;top:100%;transition:top .5s ease;width:100%;z-index:-1}.card-content{color:#000;padding:20px;position:relative;z-index:2}.skill-logo{margin:10px;max-height:80px;width:auto}@media (max-width:576px){.skill-card{width:9rem}.skill-logo{max-height:40px}.card-title{font-size:.8rem}.card-subtitle{font-size:.5rem}}@media (min-width:1200px){.skill-card{width:15rem}.skill-logo{max-height:100px}.card-title{font-size:1.25rem}.card-subtitle{font-size:1rem}}.no-resize{resize:none}.text-justify{text-align:justify}.text-special{color:#00c9ff;font-weight:bolder}
/*# sourceMappingURL=main.35fa2dad.css.map*/