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}.App{background-color:#0a192f;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.responsive-container{-ms-overflow-style:none;align-items:center;overflow:auto;padding:0 150px!important;scrollbar-width:none}@media screen and (max-width:768px){.responsive-container{padding:20px 30px!important}}.topnav{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px 20px}.background{background-color:#0a192f}.nav-link:hover{color:#ccd6f6}.logo-img{height:70px;width:70px}.nav-link-text{color:#ccd6f6}.nav-link-text:focus,.nav-link-text:hover{color:#37dbb2}.nav-link-hightlight-text{color:#37dbb2;margin-right:5px}.primary-button{background-color:initial;border:1px solid #37dbb2;border-radius:6px;color:#37dbb2;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;line-height:1;padding:.75rem 1rem;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1)}.primary-button:hover{box-shadow:3px 3px 0 0 #37dbb2;outline:none;transform:translate(-4px,-4px)}.nav-btn-div{margin:0 15px}.topnav-div1{background-color:#0a192f;margin-right:10px;width:40%}.TopNav,.topnav-div1{align-items:center;display:flex;justify-content:space-between}.TopNav{flex-direction:row}.header{background-color:#0a192f;position:fixed;width:100%;z-index:1000}.navbar{justify-content:space-between;padding:1rem 2rem}.nav-menu,.navbar{align-items:center;display:flex}.nav-list{display:flex;list-style:none}.nav-item{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;margin-left:2rem}.nav-link{color:#ccd6f6;text-decoration:none}.nav-close,.nav-toggle{cursor:pointer;display:none;font-size:2rem}@media (max-width:768px){.nav-list{background-color:#0a192f;display:none;flex-direction:column;height:300px;padding:1rem 0;position:absolute;right:0;top:60px;width:100%}.nav-item{margin-left:3rem;padding:1rem 0;text-align:start}.nav-btn-div{margin:0}.nav-menu.active .nav-list{display:flex}.nav-close,.nav-toggle{color:#37dbb2;display:block;position:absolute;right:1rem;top:1rem}}.header-container{align-items:flex-start;display:flex;flex-direction:column;height:550px;justify-content:center;margin:80px 0}.header-para1{color:#37dbb2;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:20px;font-weight:400;margin:0 0 0 4px}.header-para2{color:#ccd6f6}.header-para2,.header-para3{font-size:clamp(40px,8vw,80px);font-weight:600;line-height:1.1;margin:0}.header-para3{color:#8892b0}.header-para4{color:#a8b2d1;font-size:16px;line-height:1.3;margin:20px 0;max-width:550px;text-align:start}@media (max-width:768px){.header-container{margin:0;width:100%}.header-para1{font-size:18px;margin:0 0 15px 4px}.header-para3{text-align:start}}.email-div{-webkit-box-align:center;align-items:center;justify-content:flex-start;position:relative}.email-div,.right-sidebar{display:flex;flex-direction:column}.right-sidebar{bottom:0;color:#a8b2d1;height:320px;justify-content:space-between;left:auto;position:fixed;right:40px;width:40px;z-index:10}.sidebar-email{color:#a8b2d1;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;text-decoration:none;writing-mode:vertical-rl}.sidebar-email:focus,.sidebar-email:hover{color:#37dbb2}.left-sidebar{bottom:0;color:#a8b2d1;display:flex;height:320px;justify-content:space-between;left:auto;left:40px;position:fixed;width:40px;z-index:10}.icons-div,.left-icons{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.left-icons{height:150px}@media (max-width:768px){.left-sidebar,.right-sidebar{display:none}}.about-section{height:auto;margin-bottom:200px;max-width:900px;.inner{grid-gap:100px;display:grid;grid-template-columns:3fr 2fr;@media (max-width:768px){display:block}}@media (max-width:768px){height:auto}}.style-text{p{color:#a8b2d1;font-size:16px;line-height:1.3;margin:20px 0;max-width:550px;text-align:start}a{--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);color:#37dbb2;position:relative;text-decoration:none}ul.skills-list{grid-gap:0 10px;display:grid;grid-template-columns:repeat(2,minmax(140px,200px));list-style:none;margin:20px 0 0;overflow:hidden;padding:0;li{color:#ccd6f6;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;margin-bottom:10px;padding-left:20px;position:relative;&:before{color:#37dbb2;content:"▹";font-size:14px;left:0;line-height:12px;position:absolute}}}}.about-heading{align-items:center;color:#ccd6f6;display:flex;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:20px;justify-content:center;margin:10px 0;position:relative;white-space:nowrap;width:100%;span{color:#37dbb2;margin-right:5px}}.style-picture{align-items:center;display:flex;max-width:300px;position:relative;@media (max-width:768px){margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:50px;width:100%}.wrapper{background-color:#37dbb2;border-radius:8px;display:block;height:300px;position:relative;width:100%;&:focus,&:hover{outline:0;transform:translate(-4px,-4px);&:after{transform:translate(8px,8px)}.img{filter:none;mix-blend-mode:normal}}.img{filter:grayscale(100%) contrast(1);mix-blend-mode:multiply;position:relative}&:after,&:before,.img{border-radius:8px;transition:all .25s cubic-bezier(.645,.045,.355,1)}&:after,&:before{content:"";display:block;height:100%;position:absolute;width:100%}&:before{left:0;mix-blend-mode:screen;top:0}&:after{border:2px solid #37dbb2;left:14px;top:14px;z-index:-1}}}.experience-section{height:auto;margin-bottom:100px;max-width:900px;@media (max-width:768px){height:auto;margin-bottom:200px}}.styled-tabpanel{height:auto;padding:0!important;width:80%;div{padding:0 20px}@media (max-width:768px){width:100%;div{padding:0}h3{font-size:18px}}h3{color:#ccd6f6;font-size:20px;font-weight:500;line-height:1.1;margin-bottom:2px;text-align:start;.company{color:#37dbb2;a{color:#37dbb2;text-decoration:none}}}.range{color:#a8b2d1;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;margin-bottom:25px;padding-left:5px;text-align:start}ul.work-list{display:flex;flex-direction:column;justify-content:space-evenly;list-style:none;margin:20px 0 0;padding:0;li{color:#ccd6f6;font-size:14px;margin-bottom:10px;padding-left:20px;position:relative;text-align:start;&:before{color:#37dbb2;content:"▹";font-size:15px;left:0;line-height:12px;position:absolute;top:3px}}}}.project-section{height:auto;margin-bottom:150px;max-width:900px}.projects-grid{margin-top:30px;a{position:relative;z-index:1}}.style-project{grid-gap:10px;align-items:center;display:grid;grid-template-columns:repeat(12,1fr);position:relative;&:not(:last-of-type){margin-bottom:100px;@media (max-width:768px){margin-bottom:70px}@media (max-width:480px){margin-bottom:30px}}&:nth-of-type(odd){.project-content{grid-column:7/-1;text-align:right;@media (max-width:1080px){grid-column:5/-1}@media (max-width:768px){grid-column:1/-1;padding-bottom:30px;padding-left:25px;padding-right:25px;padding-top:40px;text-align:left}@media (max-width:480px){padding-bottom:20px;padding-left:15px;padding-right:15px;padding-top:25px}}.project-tech-list{justify-content:flex-end;@media (max-width:768px){justify-content:center}li{color:#37dbb2;margin:0 0 5px 20px;@media (max-width:768px){margin-bottom:5px;margin-left:0;margin-right:10px;margin-top:0}}}.project-links{justify-content:flex-end;margin-left:0;margin-right:-10px;@media (max-width:768px){justify-content:center;margin-left:-10px;margin-right:0}}.project-image{grid-column:1/8;@media (max-width:768px){grid-column:1/-1}}.project-description,.project-overline,.project-title{text-align:end;@media (max-width:768px){text-align:center}}}.project-tech-list{li{color:#37dbb2}}.project-content{grid-column:1/7;grid-row:1/-1;position:relative;@media (max-width:1080px){grid-column:1/9}@media (max-width:768px){display:flex;flex-direction:column;grid-column:1/-1;height:100%;justify-content:center;padding-bottom:30px;padding-left:40px;padding-right:40px;padding-top:40px;text-align:left;width:320px;z-index:5}@media (max-width:480px){padding-bottom:20px;padding-left:25px;padding-right:25px;padding-top:30px}}.project-overline{color:#37dbb2;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;font-weight:400;margin:10px 0;text-align:start;@media (max-width:768px){font-size:14px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;text-align:center}}.project-title{color:#ccd6f6;font-size:clamp(24px,5vw,28px);text-align:start;@media (min-width:768px){margin-bottom:20px;margin-left:0;margin-right:0;margin-top:0}@media (max-width:768px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;text-align:center;a{color:#37dbb2;font-size:20px;position:static;&:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}}}}.project-description{background-color:#112240;border-radius:4px;color:#a8b2d1;font-size:14px;padding:15px;position:relative;text-align:start;z-index:2;@media (max-width:768px){background-color:initial;box-shadow:none;color:#ccd6f6;font-size:15px;font-weight:500;padding-bottom:0;padding-left:0;padding-right:25px;padding-top:0;text-align:center;&:hover{box-shadow:none}}strong{color:#e6f1ff;font-weight:400}}.project-tech-list{display:flex;flex-wrap:wrap;list-style:none;margin:25px 0 10px;padding:0;position:relative;z-index:2;li{color:#37dbb2;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;margin:0 20px 5px 0;white-space:nowrap}@media (max-width:768px){justify-content:center;margin-bottom:10px;margin-left:0;margin-right:0;margin-top:10px;li{color:#37dbb2;margin:0 10px 5px 0}}}.project-links{align-items:center;color:#233554;display:flex;margin-left:-10px;margin-top:10px;position:relative;a{padding:10px;&.external{svg{height:22px;margin-top:-4px;width:22px}}svg{height:20px;width:20px}}.cta{margin:10px}}.project-image{grid-column:6/-1;grid-row:1/-1;position:relative;width:500px;z-index:1;@media (max-width:768px){grid-column:1/-1;height:100%;opacity:.25;width:350px}div{background-color:#37dbb2;border-radius:4px;height:100%;vertical-align:middle;width:100%;&:focus,&:hover{background:#0000;outline:0;&:before,.img{background:#0000;filter:none}}&:before{background-color:#37dbb2;border-radius:4px;bottom:0;content:"";height:100%;left:0;mix-blend-mode:multiply;position:absolute;right:0;top:0;transition:all .25s cubic-bezier(.645,.045,.355,1);width:100%;z-index:3}}.img{border-radius:4px;height:100%;width:100%;@media (max-width:768px){height:100%;object-fit:cover;width:auto;width:350px}}}}.contact-section{height:400px;margin:100px;max-width:600px;text-align:center;@media (max-width:768px){margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto}.overline{color:#37dbb2;display:block;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:16px;font-weight:400;margin-bottom:10px;&:before{bottom:0;font-size:13px}&:after{display:none}}.title{color:#ccd6f6;font-size:clamp(40px,5vw,60px)}p{margin-bottom:60px}p,span{color:#a8b2d1}span{display:block;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;font-weight:400;margin-top:30px}}
/*# sourceMappingURL=main.84713954.css.map*/