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;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;font-family:roboto,sans-serif;position:relative}.navbar,body{background:#1d1d1d;width:100%}.navbar{align-items:center;display:flex;height:60px;justify-content:space-between;left:0;padding:0 10vw;position:fixed;top:0;z-index:9}.brand{font-weight:500;text-transform:capitalize}.links-container{display:flex;list-style:none}.link{color:#fff;margin:0 10px;padding:10px;position:relative;text-decoration:none;text-transform:capitalize}.link:hover:not(.active){opacity:.7}.link.active:before,.seperator:before{background:#fff;border-radius:50%;bottom:0;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:5px}.link.active:after,.seperator:after{background:#fff;bottom:2px;content:"";height:1px;left:0;position:absolute;width:100%}.home{align-items:center;display:flex;height:auto;justify-content:space-between;margin-top:60px;min-height:calc(100vh - 60px);padding:0 10vw;position:relative;width:100%}.hero-content{width:50%}.hero-heading{font-size:5rem;font-weight:500;text-transform:capitalize}.highlight{color:#ff3559}.profession{color:#1d1d1d;display:block;margin:10px 0 20px auto;padding:10px 20px;position:relative;text-transform:capitalize;width:fit-content;z-index:2}.profession:before{height:100%;left:0;transform:skewX(10deg);width:100%;z-index:-1}.profession:after,.profession:before{background:#e3e3e3;content:"";position:absolute;top:0}.profession:after{height:2px;left:-100px;width:100px}.info{line-height:30px;margin-bottom:50px}.btn{background:#ff3559;border:none;border-radius:50px;color:#fff;padding:10px 20px;text-decoration:none;text-transform:capitalize}.about,.contact-container,.project-container{height:auto;padding:50px 10vw;width:100%}.contact-container{background:#232526;border-radius:16px;box-shadow:0 8px 32px #2ea04314;margin-top:60px}.heading{font-size:3.5rem;font-weight:500;text-align:center;text-transform:capitalize}.sub-heading{font-size:1rem;margin:10px;opacity:.7;text-align:center}.seperator{margin:20px auto;position:relative;width:25%}.about-me-container{grid-gap:50px;display:grid;grid-template-columns:40% 60%;margin:150px 0 100px;width:100%}.left-col,.right-col{position:relative}.left-col:before{content:"yes, its me";position:absolute;right:0;text-transform:capitalize;top:-20px}.left-col:after{background:#fff;content:"";height:2px;position:absolute;right:80px;top:-10px;transform:rotate(-30deg);transform-origin:right;width:50px}.about-image{border-radius:10px;box-shadow:0 10px 10px #00000040;height:500px;width:auto}.about-para{font-size:1.2rem;font-weight:300;line-height:35px;margin-bottom:40px}.skill-container{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px;position:relative}.skill-card{border:1px solid #464646;border-radius:10px;cursor:pointer;height:200px;position:relative;text-align:center;transition:.5s}.skill{color:#464646;font-size:2rem;line-height:200px}.skill-card:hover{background:var(--bg)}.skill-card:hover .skill{color:#fff}.skill-card.large{grid-column:span 2}.project-container{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px;position:relative}.project-card{align-items:center;background:#232323;border:1px solid #464646;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;position:relative;text-align:center;transition:.5s}.project-card.large{grid-column:span 2}.project-card:hover{background:var(--bg)}.project-card:hover .project{color:#fff}.project-preview{border-radius:8px 8px 0 0;height:100px;margin-bottom:10px;overflow:hidden;width:100%}.project-preview iframe{border:none;height:100%;width:100%}.project-info{padding:10px}.project-links{display:flex;gap:10px;justify-content:center;margin-top:10px}.project-links a{background:#ff3559;border-radius:20px;color:#fff;font-size:.9rem;padding:5px 12px;text-decoration:none;transition:background .3s}.project-links a:hover{background:#e32b4a}.contact-list{display:flex;flex-direction:column;gap:32px;list-style:none;margin:40px auto 0;max-width:600px;padding:0}.contact-list li{align-items:center;background:#2ea04312;border-radius:12px;box-shadow:0 2px 8px #2ea0430d;display:flex;font-size:1.2rem;padding:18px 28px;transition:background .3s,box-shadow .3s}.contact-list li:hover{background:#2ea0432e;box-shadow:0 4px 16px #2ea0431a}.contact-list strong{color:#2ea043;font-weight:600;letter-spacing:1px;margin-right:12px;min-width:90px}.contact-list a,.contact-list span{align-items:center;color:#fff;display:flex;font-weight:400;margin-left:8px;text-decoration:none;transition:color .2s}.contact-list a:hover{color:#2ea043}.contact-list svg{fill:#2ea043;margin-right:8px;transition:fill .2s}.contact-list a:hover svg{fill:#fff}@media (max-width:700px){.contact-container{padding:30px 4vw}.contact-list{gap:18px;max-width:100%}.contact-list li{font-size:1rem;padding:12px 10px}}
/*# sourceMappingURL=main.1348ac4e.css.map*/