header{position:fixed;top:0;width:100%;padding:2rem;z-index:1;transition-timing-function:ease-in;transition:all .5s;box-sizing:border-box;transform:translateY(0);background-color:rgba(10,25,47,.85);box-shadow:0 10px 30px -10px rgba(2,12,27,.7)}nav{display:flex;justify-content:flex-end}.btngroup{display:flex;width:50%;justify-content:space-around}.btngroup a{font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;color:#e6f1ff;cursor:pointer}.btngroup a:hover{color:#00bfff;text-decoration:none}.hidden{display:none}@media screen and (max-width:768px){.btngroup{width:100%}}.about{margin-top:6rem}.intoduction span{color:#00bfff;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace}.intoduction h2{color:#ccd6f6;font-weight:600;font-size:5rem;margin:2rem 0}.intoduction p{color:#8892b0;font-size:16px;width:50%;display:block;margin-bottom:1rem}p{transform:translate(0);opacity:1;font-family:SF Pro Display,sans-serif;font-style:normal;font-weight:400;font-size:1.6rem;line-height:1.9rem;margin-bottom:3.2rem}.about .learnmore{width:180px;display:block;color:#00bfff;background-color:initial;border:1px solid #00bfff;border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;line-height:1;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1);margin:4rem 0}.about .learnmore:hover{outline:none;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 0 #00bfff;transform:translate(-5px,-5px)}@media screen and (max-width:996px){.intoduction h2{font-size:3rem}}@media screen and (max-width:768px){.intoduction p{width:100%}.about .learnmore{margin:3rem 0 0}}@media screen and (max-width:576px){.intoduction h2{font-size:2rem}.intoduction p{font-size:14px}}.work{flex-direction:column;justify-content:center}.work,.work .title{display:flex;align-items:center}.work .title{font-size:3rem;margin:10px 0 40px;width:100%;white-space:nowrap;color:#ccd6f6;align-self:center}.work .title:after{content:"";display:block;position:relative;width:300px;height:1px;margin-left:20px;background-color:#233554}.box{width:80%;margin:3rem 0;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.box.visible{opacity:1;transform:translateY(0)}.box__inner{position:relative;height:-webkit-max-content;height:max-content}.box__inner .img-wapper{position:absolute;width:55%}.box__inner .img-wapper-right{position:absolute;width:55%;right:0}.img-wapper:after{content:"";height:0;clear:both;overflow:hidden;display:block;visibility:hidden}.box__inner a:hover{z-index:11}.box__inner img{width:100%}.box__inner img:hover{width:100%;transform:scale(1.1)}.box__inner img:hover,.box__inner img:not(:hover){transition:all .25s cubic-bezier(.645,.045,.355,1)}.box__inner img:not(:hover){transform:scale(1)}.box__wrapper{z-index:10;display:flex;flex-direction:column}.box__wrapper-right{align-items:flex-end}.box__wrapper-left{align-items:flex-start}.box__wrapper span{color:#00bfff;margin:10px 0}.box__wrapper a{color:#ccd6f6;margin:0 0 20px;text-decoration:none;font-size:2rem;transition:all .25s cubic-bezier(.645,.045,.355,1)}.box__wrapper a:hover{color:#00bfff;text-decoration:none}.box__wrapper .desc{background-color:#112240;padding:2rem;width:44%;z-index:10;border-radius:10px}.box__wrapper .desc p{font-size:16px;color:#a8b2d1}.techstack{margin:25px 0 10px;display:flex;flex-wrap:wrap}.techstack li{margin:0 20px 5px 0;color:#a8b2d1;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;font-size:13px;white-space:nowrap}.link a{display:inline-block;margin-right:20px}@media screen and (max-width:1000px){.box__wrapper{display:flex}.box__wrapper .desc{width:100%;box-sizing:border-box}.box__inner .img-wapper,.box__inner .img-wapper-right{position:relative}}section{margin:10rem auto;width:80%}#Expenience .title{font-size:3rem;margin:10px 0 40px;width:100%;white-space:nowrap;align-items:center;color:#ccd6f6;display:flex;align-self:center}#Expenience .title:after{content:"";display:block;position:relative;width:300px;height:1px;margin-left:20px;background-color:#233554}.exp{display:flex}.exp__sidebar{flex:0 0 200px;padding:20px}.exp__sidebar ul{position:relative;z-index:3;width:-webkit-max-content;width:max-content;padding:0;margin:0;list-style:none}.exp__sidebar li{text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;width:100%;padding:20px;border-left:2px solid #233554;background-color:initial;color:#8892b0;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;font-size:12px;text-align:left;white-space:nowrap;cursor:pointer}.exp__sidebar li.active{font-weight:700;color:#00bfff;border-left:2px solid #00bfff}.exp__sidebar li:hover{color:#00bfff;background-color:#112240}.exp__content{color:#a8b2d1}.exp__content h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:500;line-height:1.3}.exp__content h2 a{color:#00bfff}.exp__content p{font-size:14px;margin-bottom:1.5rem;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace}.exp__content li{margin-bottom:10px;padding-left:20px;font-size:1rem;position:relative}.exp__content li:before{content:"▹";position:absolute;left:0;color:#00bfff;font-size:12px;line-height:12px}.section{margin-bottom:50px;display:none;transition:opacity .5s ease-in-out}.section.visible{display:block}@media screen and (max-width:768px){.exp{flex-direction:column}.exp__sidebar{flex:0 1;margin-bottom:40px;padding:0}.exp__sidebar ul{display:flex;flex-direction:row}.exp__sidebar ul li{border-left:none;border-bottom:2px solid #233554}.exp__sidebar li.active{font-weight:700;color:#00bfff;border-left:none;border-bottom:2px solid #00bfff}}@media screen and (max-width:576px){#Expenience .title{font-size:3rem}}.contact-info{display:flex;flex-direction:column}.contact-info div{display:flex;align-items:center;margin-bottom:4rem;margin-right:2rem}.contact-info div a,.contact-info div p{color:#a8b2d1;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;font-size:16px;transform:translate(0);opacity:1;margin-left:2.2rem}@media screen and (max-width:480px){.contact-info div a,.contact-info div p{font-size:16px;margin-left:1.5rem}}#Contact{width:70%;margin:0 auto}#Contact .title{font-size:3rem;margin:10px 0 40px;width:100%;white-space:nowrap;align-items:center;color:#ccd6f6;display:flex;align-self:center}#Contact .title:after{content:"";display:block;position:relative;width:300px;height:1px;margin-left:20px;background-color:#233554}.contact-container{display:flex;justify-content:space-between}.contact-form{width:50rem;max-width:100%}.contact-form input{background:#262626;box-shadow:0 .8rem .4rem rgba(51,51,51,.25);border-radius:4px;display:block;width:100%;border:1px solid #fcfcfc;height:3.6rem;display:flex;align-items:center;padding-left:3.2rem;padding-right:3.2rem;margin-bottom:1.6rem;font-family:SF Pro Display,sans-serif;font-style:normal;font-weight:400;font-size:1.2rem;line-height:1rem;color:#ccd6f6;box-sizing:border-box}.contact-form div{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}.contact-form div label{width:48%;display:flex;flex-direction:column}.contact-form textarea{border-radius:4px;padding:1.2rem 3.2rem;margin-bottom:2rem;font-family:SF Pro Display,sans-serif;font-style:normal;font-weight:400;font-size:1.2rem;line-height:1.9rem;color:#ccd6f6;background-color:#262626;width:100%;resize:vertical;box-sizing:border-box;box-shadow:0 .8rem .4rem rgba(51,51,51,.25);border:1px solid #fcfcfc}.contact-form .submit{width:180px;display:block;color:#00bfff;background-color:initial;border:1px solid #00bfff;border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;line-height:1;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1);margin:2rem 0 4rem}.contact-form .submit:hover{outline:none;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 0 #00bfff;transform:translate(-5px,-5px)}.error-message{color:#c00;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;font-size:16px;transform:translate(0);opacity:1;margin-top:-20px;margin-bottom:20px}@media screen and (max-width:996px){.contact-form div{flex-direction:column;width:100%}.contact-form div input{width:100%}}@media screen and (max-width:768px){.contact-info div{margin-bottom:3em}.contact-container{flex-direction:column}}@media screen and (max-width:480px){.contact-form input,.contact-form textarea{font-size:16px;padding:1rem 1.2rem}}body{position:relative}blockquote,body,button,code,dd,div dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body{background-color:#0a192f;color:#555;font-family:Verdana,Arial,Helvetica,sans-serif}body,caption,td,th{font-size:14px}h1,h2,h3,h4,h5,h6{font-family:SF Pro Display,sans-serif;font-weight:400;font-size:100%}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}a{color:#555;text-decoration:none}a:hover{text-decoration:underline}img{border:none}li,ol,ul{list-style:none}button,input,select,textarea{font:14px Verdana,Helvetica,Arial,sans-serif}table{border-collapse:collapse}html{overflow-y:scroll;font-size:14px}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}main{margin-top:64px;max-width:1600px;margin-left:auto;margin-right:auto;padding:0 5rem}@media screen and (max-width:768px){main{padding:0 1rem}}:root{--dark-navy:#020c1b;--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:rgba(2,12,27,0.7);--dark-slate:#495670;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#00bfff;--green-tint:rgba(100,255,218,0.1);--pink:#f57dff;--blue:#57cbff;--font-sans:"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fz-heading:32px;--border-radius:4px;--nav-height:100px;--nav-scroll-height:70px;--tab-height:42px;--tab-width:120px;--easing:cubic-bezier(0.645,0.045,0.355,1);--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);--hamburger-width:30px;--ham-before:top 0.1s ease-in 0.25s,opacity 0.1s ease-in;--ham-before-active:top 0.1s ease-out,opacity 0.1s ease-out 0.12s;--ham-after:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);--ham-after-active:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215,0.61,0.355,1) 0.12s}
/*# sourceMappingURL=main.ef93970e.chunk.css.map */