@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-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,.App,body,html{background:#1d1b1b;font-family:Inter,Arial,sans-serif;margin:0;min-height:100%}.App{box-sizing:border-box;display:flex;justify-content:center}.container{display:flex;flex-wrap:wrap;margin:4rem}.footer{margin-top:3rem;text-align:center}.heart-icon{max-height:60px;max-width:60px;opacity:0;transition:opacity .3s ease-in-out}.sidebar{align-items:center;background:#2b2a2a;border-radius:1.8125rem;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:45rem;padding:3rem;position:fixed;width:16.7rem}.sidebar h1{color:#ffffffe6;font-size:2rem;font-style:normal;font-weight:590;line-height:normal}.contact-tag{align-items:center;background:#3a3a3a;border-radius:.625rem;color:#ffffffe6;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:2rem;justify-content:center;margin-bottom:3rem;position:relative;width:12rem}.contact-tag:hover{cursor:pointer;filter:brightness(90%)}.contact-input{height:100%;opacity:0;pointer-events:none;position:absolute;width:100%}.contact-tag.copied{background:#8a9bfb60;font-weight:700}.contact-tag.copied:after{color:#ffffffe6;font-size:.9rem;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.sidebar-square{align-items:center;background:#3a3a3a;border-radius:2.5rem;display:flex;flex-shrink:0;height:9.375rem;justify-content:center;position:relative;width:9.375rem}.avatar-image{border-radius:50%;height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.nav-bar{color:#ffffffe6;cursor:pointer;font-size:1.0625rem;font-size:.95rem;font-style:normal;font-weight:400;line-height:normal;margin-bottom:2rem;transition:transform .3s ease}.nav-bar:after{background-color:#f04877;background-color:var(--underline-color,#f04877);bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease,left .3s ease;width:0}.nav-bar:hover:after{cursor:pointer;left:50%;width:100%}.nav-bar:hover{cursor:pointer;transform:scale(1.1)}.sidebar-bottom{display:flex;justify-content:space-around;margin-top:1rem}.social-logo{cursor:pointer;filter:grayscale(100%);height:auto;margin:.7rem;transition:filter .3s ease;width:20px}.social-logo:hover{cursor:pointer;filter:grayscale(0);filter:brightness(80%)}.main-content{background:#2b2a2a;border-radius:1.8em;box-sizing:border-box;flex-shrink:0;flex:1 1;margin-left:18.7rem;overflow-y:auto;padding:20px 70px 2rem;width:57rem}.main-content p{color:#ffffffe6;font-size:1.0625rem;font-style:normal;font-weight:400;line-height:1.85rem}.highlight{color:#79c8e2;font-size:1.125rem;font-weight:590}.highlight,.smaller-text{font-style:normal;line-height:1.875rem}.smaller-text{color:#ffffffe6;font-size:1.0625rem;font-weight:400;margin-bottom:3rem}.main-content h1{color:#ffffffe6;font-size:2.8125rem;margin-bottom:.1rem}.main-content h1,.main-content h2{font-style:normal;font-weight:700;line-height:normal}.main-content h2{color:#949494;font-size:2rem;margin-top:.1rem}.main-content h3{color:#efc26d;margin-top:3rem}.main-content h3,.main-content h4{font-size:1.875rem;font-style:normal;font-weight:700;line-height:normal;margin-bottom:1.5rem}.main-content h4{color:#ffffffe6;margin-top:4rem}.main-content h5{color:#ffffffe6;font-size:1.5625rem;font-style:normal;font-weight:700;line-height:normal;margin-bottom:.5rem;margin-top:.5rem}.work-description{color:#ffffffe6;font-size:.95rem;font-style:normal;font-weight:400;line-height:1.5rem;margin-bottom:0;text-align:left;width:100%}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.tech-tag{background-color:#6b63ff56;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.8rem;font-weight:500;padding:5px 15px;text-align:center;white-space:nowrap}.work-details .tech-tag{display:inline-block;margin-bottom:10px;margin-top:5px}.recent-work{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.article-work{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.work-item{border-radius:1.25rem;overflow:hidden;position:relative}.work-item img{border-radius:1.25rem;height:auto;max-width:100%;transition:transform .3s ease;width:100%}.work-item:hover img{transform:scale(1.05)}.work-item:after{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.work-item-link{cursor:pointer;display:inline-block;text-decoration:none}.tech-description{color:#ffffffe6;font-size:.9rem;font-style:normal;font-weight:400;line-height:1.2rem;margin-top:0;text-align:left;width:100%}.blog-box-link{cursor:pointer;display:inline-block;text-decoration:none;width:100%}.blog-box{background-color:#454343;border-radius:1.25rem;color:#fff;height:100%;padding:1.25rem;position:relative;transition:background-color .3s ease}.blog-title{font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.blog-description{font-size:.96875rem;line-height:.6rem}.blog-read-more{align-items:center;display:flex;font-size:.96875rem;font-weight:600;justify-content:space-between;margin-top:1.5rem}.arrow-icon{height:0;transition:width .3s ease,height .3s ease;width:0}.blog-box:hover .blog-title{color:#8a9bfb}.blog-box:hover .arrow-icon{height:1.2rem;width:1.2rem}.tech-stack-logos{display:flex;flex-wrap:wrap;justify-content:flex-start}.tech-stack-logos img{margin-bottom:1.4rem;margin-right:1.6rem;max-height:60px;width:auto}.credentials{display:flex;flex-wrap:wrap}.credential-item img{margin-bottom:1rem;margin-right:1rem;margin-top:1rem;max-height:65px;width:auto}.credential-item{align-items:center;display:flex;flex:1 0 50%}.credential-title{color:#ffffffe6;font-weight:600;margin:0;padding:0}.credential-text{color:#ffffffe6;font-size:.9rem;margin:0;padding-top:.24rem}a.credential-link{color:inherit;cursor:pointer;text-decoration:none}a.credential-link:hover .credential-text,a.credential-link:hover .credential-title{color:#8a9bfb;cursor:pointer}@media (max-width:775px){.credential-item{flex:1 0 100%}.credential-item img{max-height:60px}}@media (max-width:1240px){body{overflow-y:auto}.container,.sidebar{flex-direction:column}.sidebar{align-items:flex-end;display:flex;flex-shrink:0;height:12.8125rem;margin:0 auto 2.7rem;position:relative;width:57rem}.main-content{margin:0 auto}.nav-bar{display:none}.sidebar-square{left:2rem}.avatar-image,.sidebar-square{position:absolute;top:50%;transform:translateY(-50%)}.avatar-image{left:.7rem}.sidebar h1{top:30%}.contact-tag,.sidebar h1{left:13.375rem;line-height:normal;position:absolute;transform:translateY(-50%)}.contact-tag{cursor:pointer;top:64%}.social-logo{margin:0 1rem 1rem}}@media (max-width:970px){.container{align-items:center;flex-direction:column;margin:2rem 1rem}.sidebar{height:auto;margin-bottom:2rem}.main-content,.sidebar{position:relative;width:90%}.main-content{padding-left:2rem;padding-right:2rem;padding-top:1rem}.main-content h1{font-size:1.8rem}.main-content h2{font-size:1.6rem}.main-content h3{font-size:1.4rem}.main-content h4{font-size:1.7rem}.main-content h5{font-size:1.2rem;margin-bottom:.5rem;margin-top:.5rem}.highlight,.main-content p,.smaller-text{font-size:1rem}.tech-description{font-size:.9rem}.sidebar h1{font-size:2rem;left:11.475rem}.sidebar-square{height:8rem;width:8rem}.avatar-image{width:88%}.contact-tag{cursor:pointer;font-size:.9rem;height:1.5rem;left:11.475rem;width:10rem}.nav-bar{display:none}.sidebar-bottom{align-items:center;flex-direction:column}.social-logo{margin:.5rem 0;width:20px}.work-item{align-items:flex-start;flex-direction:column}.work-item img{height:auto;width:100%}.tech-stack-logos img{max-height:55px;width:auto}}@media (max-width:718px){.article-work,.recent-work{grid-template-columns:1fr}.main-content h4{margin-top:3.5rem}.smaller-text{margin-bottom:3rem}}@media (max-width:660px){.highlight,.main-content p,.smaller-text,.work-description{font-size:.95rem;line-height:1.6rem}.credential-item img{max-height:60px}.container{margin:2rem .5rem}.article-work,.recent-work{grid-template-columns:1fr}}@media (max-width:520px){.container{margin:1.2rem 1.2rem 2rem}.credential-item img{max-height:60px}.sidebar{height:auto;margin-bottom:1rem;padding:1rem;width:100%}.main-content{margin-left:0;margin-right:0;padding:.5rem 1.5rem 1.5rem;width:100%}.main-content h1{font-size:1.5rem}.main-content h2{font-size:1.3rem}.main-content h3,.main-content h4{font-size:1.4rem}.main-content h5{font-size:1.2rem;margin-bottom:.3rem;margin-top:.5rem}.highlight,.main-content p,.smaller-text,.work-description{font-size:.9rem;line-height:1.5rem}.tech-description{font-size:.8rem}.sidebar h1{font-size:1.5rem;left:8.5rem}.sidebar-square{border-radius:1.8rem;height:5.8rem;left:1.1rem;width:6rem}.avatar-image{left:.3rem;width:90%}.contact-tag{cursor:pointer;font-size:.8rem;height:1.5rem;left:8.5rem;top:71%;width:9rem}.sidebar-bottom{margin-top:1rem}.social-logo{margin-right:.7rem;width:15px}.recent-work{gap:35px}.article-work,.recent-work{grid-template-columns:1fr}.work-item{align-items:flex-start;flex-direction:column}.work-item img{height:auto;width:100%}.tech-stack-logos img{max-height:56px;width:auto}}
/*# sourceMappingURL=main.61b2d224.css.map*/