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}:root{--background-color:#fff;--text-color:#000;--primary-color:#007bff}[data-theme=dark]{--background-color:#121212;--text-color:#fff;--primary-color:#bb86fc}body{background-color:#fff;background-color:var(--background-color);color:#000;color:var(--text-color)}.App{padding:1rem}.theme-toggle{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:.25rem;color:#000;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;position:fixed;right:1rem;top:7rem}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;height:10vh;justify-content:space-between;max-width:100%;padding:10px 20px;position:fixed;top:0}.logo{height:200px;width:150px}.nav-links ul{display:flex;gap:20px;list-style:none}.nav-links a{color:#fff;text-decoration:none}.nav-links a.active{color:#fc0}.search-button{background-color:#444;border:none;color:#fff;cursor:pointer;padding:10px}.menu-icon{cursor:pointer;display:none;font-size:24px}.modal{background:#00000080;color:#000;height:100%;left:0;position:fixed;top:0;width:100%}.modal,.modal-content{align-items:center;display:flex;justify-content:center;z-index:999}.modal-content{background:#fff;border-radius:5px;flex-direction:column;height:40vh;padding:20px;position:relative;width:60%}.modal-content .close{cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.modal-content input{height:40px;width:60%;z-index:999}@media (max-width:768px){.nav-links ul{background-color:#333;display:none;flex-direction:column;position:absolute;right:0;top:60px;width:100%}.menu-icon,.nav-links.open ul{display:block}.modal{z-index:999}}.home-section{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:row;justify-content:space-between;padding:5rem;transition:all .3s ease-in-out}.text-container{animation:fadeIn 1s forwards;max-width:600px;opacity:0;transform:translateY(20px)}.designation{color:#f36100;font-size:40px}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.cv-button{background-color:var(--primary-color);border:none;border-radius:.25rem;color:var(--text-color);cursor:pointer;height:50px;margin-top:20px;padding:.5rem 1rem;transition:background-color .3s}.cv-button:hover{background-color:var(--primary-color-hover)}.image-container img{animation:fadeInImage 1s forwards;animation-delay:.5s;border-radius:.5rem;height:400px;max-width:100%;opacity:0;transform:translateY(20px)}@keyframes fadeInImage{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-section{flex-direction:column;text-align:center}.text-container{margin-bottom:1rem}.image-container img{height:auto}}#about{padding:2rem}#about h2{font-size:2rem;margin-bottom:1rem}#about p{font-size:1.2rem;line-height:1.6}.skills{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem;width:100%}.skill-item{cursor:pointer;text-align:center;transition:transform .3s}.skill-item:hover{transform:translateY(-10px)}.skill-logo{border-radius:7px;height:160px;transition:transform .3s;width:160px}.skill-name{display:block;font-size:1.2rem;margin-top:.5rem}#projects{padding:2rem}#projects h2{font-size:2rem;margin-bottom:1rem}.projects-list{grid-gap:2rem;display:grid;gap:2rem}.project-item{border:1px solid #ccc;border-radius:5px;padding:1.5rem;transition:transform .3s}.project-item:hover{transform:translateY(-5px)}.project-item h3{font-size:1.5rem;margin-bottom:.5rem}.project-item p{font-size:1.2rem;line-height:1.6;margin-bottom:1rem}.project-item strong{font-weight:700}.project-item a{color:#007bff;display:inline-block;text-decoration:none;transition:color .3s}.project-item a:hover{color:#0056b3}@media (max-width:768px){#projects{padding:1rem}#projects h2{font-size:1.5rem}.project-item{padding:1rem}.project-item h3{font-size:1.2rem}.project-item p{font-size:1rem}.projects-list{gap:1rem}}@media (max-width:480px){#projects{padding:.5rem}#projects h2{font-size:1.2rem}.project-item{padding:.5rem}.project-item h3{font-size:1rem}.project-item p{font-size:.9rem}.projects-list{gap:.5rem}}#contact{background-color:var(--background-color);color:var(--text-color);padding:2rem;transition:background-color .3s,color .3s}.contact-details{flex-direction:column;gap:1.5rem}.contact-details,.contact-item{align-items:center;display:flex}.contact-item{font-size:1.1rem;gap:1rem}.contact-item svg{color:var(--primary-color);font-size:1.5rem}.social-media{margin-top:1.5rem}.social-media a{color:var(--text-color);font-size:2rem;margin:0 .5rem;transition:color .3s}.social-media a:hover{color:var(--primary-color)}.comments-section{background-color:var(--background-secondary);border:1px solid #ddd;border-radius:.5rem;margin-top:2rem;padding:1.5rem;transition:background-color .3s,color .3s}.comments-section h3{font-size:1.8rem;margin-bottom:1rem;text-align:center}.comments-list .comment-item{border-bottom:1px solid #ddd;margin-bottom:1rem;padding-bottom:.5rem}.comment-item p{margin:.5rem 0}.responses{color:var(--text-color-secondary);font-size:.95rem;margin-left:1.5rem}.add-comment{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.add-comment input,.add-comment textarea{background-color:var(--input-background);border:1px solid #ddd;border-radius:.25rem;color:var(--text-color);font-size:1rem;padding:.75rem;transition:background-color .3s,color .3s;width:100%}.add-comment textarea{height:120px}.add-comment button{align-self:flex-start;background-color:var(--primary-color);border:none;border-radius:.25rem;color:var(--button-text-color);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.add-comment button:hover{background-color:var(--primary-color-hover)}#footer{border-top:1px solid #ddd;color:var(--text-color);margin-top:2rem;padding-top:1rem;text-align:center;transition:color .3s}@media (max-width:768px){.contact-details{align-items:flex-start}.social-media a{font-size:1.8rem}.add-comment button,.add-comment input,.add-comment textarea,footer{font-size:.9rem}}#skills{padding:2rem;text-align:center}#skills h2{font-size:2rem;margin-bottom:1.5rem}.chart-container{margin:0 auto;max-width:600px}@media (max-width:768px){#skills{padding:1rem}#skills h2{font-size:1.5rem}.chart-container{height:50vh;max-width:100%}}@media (max-width:480px){#skills{padding:.5rem}#skills h2{font-size:1.2rem}}
/*# sourceMappingURL=main.cba7edec.css.map*/