@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&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}*{box-sizing:border-box;font-family:Source Sans Pro,sans-serif;margin:0;padding:0}ul{list-style:none}nav{align-items:center;background-color:#fff;display:flex;padding:30px 50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}a{color:#000;text-decoration:none}.nav-contents{align-items:center;display:flex;justify-content:space-between;width:100%}.contact{background:#facf0f;border:1px solid #facf0f;border-radius:5px;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);color:#333;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:8px 20px;text-transform:uppercase;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.contact:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.logo{color:#000;font-size:18px;font-weight:700;text-transform:uppercase}.khanal{color:#facf10}.hero{background:linear-gradient(90deg,hsla(0,0%,96%,.8),hsla(0,0%,96%,.8)),url(https://d33wubrfki0l68.cloudfront.net/daac8858fd4a0ccea44f59dfd079c3c16c263f33/c157c/assets/svg/common-bg.svg);display:block;height:90vh;position:relative}.hero-contents{left:50%;margin:0 auto;max-width:80rem;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:82%}.intro h1{color:#111;font-size:4rem;font-weight:800;letter-spacing:3px;text-transform:uppercase}.about{margin:3rem auto;width:60%}.about,.about p{text-align:center}.about p{color:#333;font-size:1.3rem;font-weight:500;line-height:1.5}.projects{margin-top:3rem;text-align:center}.cv-button,.project-in{background-color:#facf0f;border:none;border-radius:5px;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);color:#333;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:1px;margin:0 10px;padding:16px 40px;text-decoration:none;text-transform:uppercase;-webkit-transform:translateY(-5px);transform:translateY(-5px);transition:background-color .3s ease;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cv-button:hover,.project-in:hover{background-color:#ffc007}.contact-contents{flex-direction:column;margin-top:3rem}.contact-btn,.contact-contents{align-items:center;display:flex;justify-content:center}.contact-btn{gap:1.5rem;margin-top:2rem;width:100%}.icon-btn:hover{scale:1.1;-webkit-transform:translateY(-5px);transform:translateY(-5px);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.contact-me{color:#111;font-size:2rem;font-weight:800;letter-spacing:2px;text-align:center;text-transform:uppercase}@media (max-width:768px){.hero-contents{text-align:center;width:100%}.intro h1{font-size:2rem;letter-spacing:2px}.about{margin:2rem auto}.about p{font-size:1rem}.projects{margin-top:2rem}.cv-button,.project-in{font-size:.9rem;padding:10px 20px}nav{padding:15px 20px}.logo{font-size:16px}.contact{font-size:.8rem;padding:6px 15px}}@media (max-width:480px){.hero{height:80vh}.intro h1{font-size:2rem}.about{width:80%}.about p{font-size:.9rem}.projects{margin-top:1.5rem}.cv-button,.project-in{font-size:.8rem;padding:8px 16px}.contact{font-size:.75rem;padding:5px 10px}}.section-line{background-color:#ffc107;height:3px;margin:0 auto 10px;width:100px}.portfolio-container{background-color:#fff;padding:50px;text-align:center}.portfolio-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:40px}.filter-bar{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.filter-bar button{background-color:#ffc107;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:0;padding:12px 30px;text-transform:uppercase;transition:background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease,-webkit-transform .3s ease}.filter-bar button.active{background-color:#ff9800;-webkit-transform:scale(1.1);transform:scale(1.1)}.filter-bar button:hover{background-color:#ff9800;-webkit-transform:scale(1.05);transform:scale(1.05)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center}.project-card{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto;max-width:400px;overflow:hidden;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.project-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.project-image{height:200px;object-fit:cover;width:100%}.project-info{padding:15px}.project-title{color:#000;font-size:1.5rem;margin:10px 0}.project-description{color:#555;font-size:1rem;margin-bottom:20px}.project-link{background-color:#ffc107;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.project-link:hover{background-color:#ff9800}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portfolio-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:20px}.projects-grid{grid-template-columns:1fr}.project-title{color:#000;font-size:1.5rem;margin:10px 0}.filter-bar button{background-color:#ffc107;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;margin:0;padding:8px 20px;text-transform:uppercase;transition:background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease,-webkit-transform .3s ease}}.cv-container{background-color:#f9f9f9;padding:50px;text-align:center}.cv-header{margin-bottom:30px;text-align:left}.cv-portfolio{color:#888;display:block;font-size:1.2rem;font-weight:400}.cv-title{color:#000;display:inline-block;font-size:3rem;font-weight:700;margin:0;padding-right:10px;position:relative}.cv-title:before{background-color:#ffc107;content:"";display:block;height:3px;left:0;position:absolute;top:-5px;width:50px}iframe{border:none;box-shadow:0 4px 8px rgba(0,0,0,.1);height:1000px;width:100%}
/*# sourceMappingURL=main.bcc35deb.css.map*/