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{--primary-color:#222;--secondary-color:#002642;--text-primary:#cf0;--text-seconary:#f2f2f2;--line-space:23px}body{color:#fff}.loader-con{stroke:#cf0;stroke:var(--text-primary);width:70px}.home-loading{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#002642;background-color:var(--secondary-color);justify-content:center;text-align:center;z-index:99}.background-con,.home-loading{display:flex;height:100vh;left:0;position:fixed;top:0;width:100vw}.background-con{background-image:linear-gradient(0deg,#002642,#000);background-image:linear-gradient(to top,var(--secondary-color),#000);flex-direction:row;overflow:hidden}.bg-box{border:.1px solid #002642;border:.1px solid var(--secondary-color);display:flex;flex:1 1;flex-direction:column}.bg-box1{border:0;height:100vh}.outer{flex-direction:row;height:100vh;width:100vw}.main-container,.outer{align-items:center;display:flex;justify-content:center;position:relative}.main-container{transform:translate(-150px)}.route-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:10px;box-shadow:0 0 10px 0 #000;box-sizing:border-box;height:500px;overflow-y:scroll;padding:2rem 2rem 2rem 10%;scrollbar-width:none;transform:translate(50%);transform-origin:left center;width:700px}.heading{border-bottom:.5px solid gray;color:#cf0;color:var(--text-primary);font-family:optima,sans-serif;font-size:25px;font-weight:700;padding-bottom:5px}.home-con{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#ffffff1a;border-radius:10px;box-shadow:0 0 30px 0 #000;padding:10px;position:absolute;transform:translate(-50%);transform-origin:right center;width:400px;z-index:10}.home-con,.home-img-con{display:flex;flex-direction:column}.home-img-con{align-items:center}.home-img-con>.bg-img{background-image:url(/static/media/skyline.dc90c1fe36eb12228ef6.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:250px;width:100%}.home-img-con>.profile-photo{border-radius:50%;box-shadow:0 0 10px #222;box-shadow:0 0 10px var(--primary-color);margin:0 10px;transform:translateY(-30%);width:130px}.name-con{margin:0 20px;text-align:center}.name-con>.name{font-family:Impact,Charcoal,sans-serif;font-family:optima,sans-serif;font-size:35px;font-weight:700;margin:0;padding:0}.name-con>.tagline{border-bottom:.5px solid gray;color:#cf0;color:var(--text-primary);font-weight:500;margin-top:0;padding:10px 20px 20px}.social-con{margin:10px 0;text-align:center}.social-con>a{color:#fff;font-size:30px;margin:0 10px;padding:0 10px}.hire-con{border:.5px solid #cf0;border:.5px solid var(--text-primary);border-radius:8px;color:#cf0;color:var(--text-primary);margin:10px 0 0;padding:10px 0;text-align:center;text-decoration:none;transition:all .2s}.hire-con:hover{background-color:#cf0;background-color:var(--text-primary);color:#002642;color:var(--secondary-color)}.hire-con>i{margin:0 5px}.about-con .about-desc{line-height:23px;line-height:var(--line-space)}.stack-con{display:flex;flex-wrap:wrap}.stack-element{flex-direction:column;justify-content:flex-end;opacity:.8;text-align:center;width:20%}.stack-element,.stack-icon-con{align-items:center;display:flex}.stack-icon-con{height:70px;justify-content:center}.stack-icon{width:40%}.stack-title{font-size:15px;font-weight:400;opacity:.7}.nav-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(20px);background-color:#ffffff1a;border-radius:10px;bottom:10px;box-shadow:0 0 10px 0 #000;display:flex;left:50%;margin:0;padding:0;position:absolute}.nav-container>a{color:#cf0;color:var(--text-primary);opacity:.4;padding:1rem;transition:all .2s ease-out}.nav-container>a:hover{opacity:1}.nav-container>a>li{list-style:none}.scaled{opacity:1!important;scale:1.2}.projects{display:flex;flex-wrap:wrap;justify-content:space-between}.project-con{background-color:#ffffff1a;border-radius:10px;box-sizing:border-box;cursor:pointer;margin:0 0 20px;transition:all .2s ease-out;width:48%}.project-con:hover{background-color:#fff3;box-shadow:0 0 10px #000;scale:1.05}.project-img-con{background-position:top;background-repeat:no-repeat;background-size:cover;border-top-left-radius:10px;border-top-right-radius:10px;height:180px;overflow:hidden;position:relative;width:100%}.modal-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0006;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.modal-content{background:#222;background:var(--primary-color);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #00000059;color:#f2f4f8;display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;position:relative;scrollbar-width:none;width:min(960px,100%)}.modal-content::-webkit-scrollbar{display:none}.modal-top-bar{align-items:center;display:flex;justify-content:space-between;padding:10px 15px}.modal-top-bar>.project-links{font-size:23px;margin:0}.macos-close{background:#ff5f57;border:1px solid #00000026;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff40;cursor:pointer;height:20px;left:12px;top:12px;width:20px}.macos-close:hover{filter:brightness(.95)}.macos-close:active{transform:scale(.96)}.modal-media{aspect-ratio:16/9;background:#0a0d11;flex-shrink:0;width:100%}.modal-image,.modal-video{height:100%;object-fit:cover;width:100%}.modal-placeholder{opacity:.7;padding:32px}.modal-body{padding:18px 20px 22px}.modal-title{font-size:1.25rem;font-weight:700;margin:0 0 6px}.modal-desc{line-height:1.5;margin:.15rem 0;opacity:.9}.project-video.fade-in{opacity:1;transition:opacity .26s ease}.project-image.fade-out{opacity:0;transition:opacity .26s ease}.project-video.hidden{opacity:0}.project-image,.project-video{height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.project-image{background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:1}.project-video{object-fit:cover;object-position:center;opacity:0}.fade-in{opacity:1!important}.fade-out{opacity:0!important}.hidden{opacity:0}.project-name{margin:10px}.project-desc{font-style:italic;font-weight:400;margin:5px 10px;opacity:.6}.project-links{margin:10px}.project-links a{color:#cf0;color:var(--text-primary);margin-right:10px}.github-con,.holopin-link img,.holopin.con{width:100%}.github-link img{max-width:100%}.experiences a,.universities a{color:#fff;font-style:italic}.experience-con{margin-bottom:30px}.exp-name-year{align-items:center;display:flex;justify-content:space-between}.exp-name,.exp-year{margin:5px 0;padding:0}.exp-year{color:grey;font-weight:400}.exp-company{font-style:italic;font-weight:400;margin:0;opacity:.6}.exp-desc{line-height:23px;line-height:var(--line-space);list-style:circle}.university{margin-bottom:20px}@media (max-width:1150px){.home-con{width:300px}.route-container{width:600px}}@media (max-width:950px){.home-con{transform:translate(-30%)!important;width:250px}.home-con>.name-con>.name,.home-con>.social-con>a{font-size:25px}.route-container{transform:translate(55%)!important;width:500px}}@media (max-width:750px){.outer{height:auto}.main-container{flex-direction:column;transform:translate(0);width:100%}.home-con{border-top-left-radius:0;border-top-right-radius:0;box-sizing:border-box;position:static;transform:translate(0)!important;width:100%}.home-img-con>.bg-img{height:200px}.home-con>.name-con>.name{font-size:35px}.route-container{height:auto;margin:-10px 15px 80px;position:static;transform:translate(0)!important;width:90%}.nav-container{align-items:center;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;justify-content:space-evenly;padding:5px 0;position:fixed;width:100%}.stack-element{flex:none;margin:10px 0;width:33%}.stack-icon{width:40%}.exp-name-year{align-items:flex-start;flex-direction:column}}@media (max-width:500px){.name-con>.tagline{font-size:18px}.stack-element{width:50%}.project-con{width:100%}}
/*# sourceMappingURL=main.b3d82b03.css.map*/