html{scroll-behavior:smooth;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#252525;font-family:"Montserrat","Raleway","Quicksand",sans-serif;font-weight:400}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 10px 10px #414141;border:3px solid #414141}::-webkit-scrollbar-thumb{box-shadow:#fff;border-radius:10px;box-shadow:inset 0 0 10px 10px #a0a0a0;border:3px solid transparent}::-webkit-input-placeholder{color:#d4d4d4;opacity:1}:-ms-input-placeholder{opacity:1}::placeholder{color:#d4d4d4;opacity:1}:-ms-input-placeholder{color:#d4d4d4}::-ms-input-placeholder{color:#d4d4d4}.index{height:100vh;width:100%;display:flex;justify-content:flex-start;align-items:center}.content,.index{position:relative}.content{text-align:center}@keyframes fadeIn-top{0%{opacity:0;visibility:hidden;transform:translateY(-10px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes ripple{0%{box-shadow:0 0 0 1px transparent}50%{box-shadow:0 0 0 15px rgba(0,0,0,.1)}to{box-shadow:0 0 0 15px transparent}}@keyframes shine{0%{-webkit-mask-position:150%}to{-webkit-mask-position:-50%}}.topbar{display:block;float:left;width:100%;height:78px;padding:0;margin:0;z-index:50;box-sizing:border-box;clear:both}.topbar-fixed{position:fixed;overflow:hidden;top:0;right:0;left:0}.topbar-left{display:block;float:left;clear:both}.topbar-logo{display:block;width:190px;height:78px;float:left;position:relative;margin:0 50px;padding:0;animation:fadeIn 1s ease;-webkit-animation:fadeIn 1s ease;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;-ms-animation:fadeIn ease 1s}.topbar-logo>img{transition:display .4s;max-width:190px;max-height:78px;position:absolute;top:50%;transform:translateY(-50%)}.topbar-right{display:block;float:right;margin:0 50px}.topbar-right .sidenav-btn{cursor:pointer;display:block;float:left;width:78px;height:78px;color:#fff}.topbar-right .sidenav-btn>span{padding:11px 14px}.topbar-right .hamburger-icon{padding:24px 16px;animation:fadeIn 1s ease;-webkit-animation:fadeIn 1s ease;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;-ms-animation:fadeIn ease 1s}.topbar-right .hamburger-icon div{height:3px;background:#fff;margin:4px 0;transition:all .5s;float:right;clear:both}.topbar-right .hamburger-icon div:first-child{width:30px;transition:all .5s}.topbar-right .hamburger-icon div:nth-child(2){width:20px;transition:all .5s}.topbar-right .hamburger-icon div:nth-child(3){width:10px;transition:all .5s}.topbar-right .hamburger-icon:hover div:first-child,.topbar-right .hamburger-icon:hover div:nth-child(2),.topbar-right .hamburger-icon:hover div:nth-child(3){width:40px;transition:all .5s}@media (max-width:1600px){.topbar{background-color:#252525}}@media (min-width:401px) and (max-width:800px){.topbar-logo{margin:0 5px}.topbar-right{margin:0 20px}}@media (max-width:400px){.topbar-logo{margin:0 5px}.topbar-right{margin:0 20px}}.footer{animation:fadeIn 1s ease;-webkit-animation:fadeIn 1s ease;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;-ms-animation:fadeIn ease 1s}.footer .stack-links{display:flex;background-color:transparent;position:fixed;flex-direction:column;left:60px;bottom:0;justify-content:center;align-items:center;mix-blend-mode:difference}.footer .stack-links a .stack-svg{filter:gray;-webkit-filter:grayscale(100%);transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s}.footer .stack-links a .stack-svg:hover{filter:none;-webkit-filter:grayscale(0)}.footer .stack-links a:nth-child(4){margin-bottom:8px}.footer .email-link{display:flex;position:fixed;flex-direction:column;right:40px;bottom:0;justify-content:center;align-items:center;mix-blend-mode:difference}.footer .email-link .anchor-email{cursor:pointer;text-decoration:none}.footer .email-link .anchor-email p{transition:color .5s}.footer .email-link a.anchor-email:hover p{color:#e43f5a}.footer .email-link .p-email{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;color:#fff;mix-blend-mode:difference;margin-bottom:15px;font-size:16px}.footer .line{height:100px;width:2px;background-color:#fff;margin-bottom:15px}@media (min-width:801px) and (max-width:1200px){.footer .email-link,.footer .stack-links{display:none}}@media (min-width:401px) and (max-width:800px){.footer .email-link,.footer .stack-links{display:none}}@media (max-width:400px){.footer .email-link,.footer .stack-links{display:none}}.backdrop{position:fixed;height:100vh;width:100%;background-color:rgba(55,55,55,0);z-index:100;opacity:0;transform:translateY(-100vh);transition:all .4s cubic-bezier(.645,.045,.355,1);transition-delay:.2s}.backdrop.drop-active{opacity:1;transform:translateY(0);transition-delay:0s}.nav-drop{position:fixed;height:500px;max-height:500px;width:100%;background-color:#414141;z-index:10000;opacity:0;transform:translateY(-100vh);transition:all .4s cubic-bezier(.645,.045,.355,1);box-shadow:0 3px 6px rgba(65,65,65,.2),0 3px 6px rgba(65,65,65,.2);transition-delay:.2s}.nav-drop.drop-active{opacity:1;transform:translateY(0);transition-delay:0s}.nav-drop .navdrop-right{display:block;float:right}.nav-drop .navdrop-right .navdrop-close{cursor:pointer;display:block;position:fixed;right:0;top:0;width:42px;height:42px;transition:transform .5s ease-in-out;padding:20px;margin:5px 35px}.nav-drop .navdrop-right .navdrop-close:hover{transform:rotate(180deg)}.nav-drop .navdrop-right .navdrop-close:before{transform:rotate(45deg);transform-origin:center}.nav-drop .navdrop-right .navdrop-close:after,.nav-drop .navdrop-right .navdrop-close:before{content:"";position:absolute;display:block;margin:auto;left:0;right:0;top:0;bottom:0;width:42px;height:0;border-top:3px solid #fff}.nav-drop .navdrop-right .navdrop-close:after{transform:rotate(-45deg);transform-origin:center}.nav-drop .drop-links{max-height:500px;width:100vw;padding:100px 4rem 10px;opacity:1;z-index:10000;transition:all .25s cubic-bezier(.645,.045,.355,1)}.nav-drop .drop-links .styled-links{display:flex;flex-direction:column;align-items:flex-end}.nav-drop .drop-links .styled-links .nav-link{color:#fafaff;text-shadow:-1px -1px 0 #414141,1px -1px 0 #414141,-1px 1px 0 #414141,1px 1px 0 #414141;font-size:44px;margin-top:15px;transition:opacity .25s cubic-bezier(.645,.045,.355,1);font-weight:600;text-decoration:none;transition:color .5s;cursor:pointer}.nav-drop .drop-links .styled-links .nav-link:hover{color:#e43f5a}.nav-drop .drop-links .styled-links a{text-decoration:none}.nav-drop .drop-stack-links{display:flex;flex-direction:row;margin-top:25px;opacity:1;justify-content:flex-end}.nav-drop .drop-stack-links a.npm-svg{padding:8px 0}.nav-drop .drop-stack-links a{margin:0 5px}.nav-drop .drop-stack-links a .stack-svg{filter:gray;-webkit-filter:grayscale(100%);transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s}.nav-drop .drop-stack-links a .stack-svg:hover{filter:none;-webkit-filter:grayscale(0)}@media (min-width:401px) and (max-width:800px){.backdrop.drop-active{height:105vh}.nav-drop .navdrop-right{float:none}.nav-drop .navdrop-right .navdrop-close{margin:5px 10px}.nav-drop .drop-links{padding-top:80px;padding-left:0;padding-right:0;margin:0 auto}.nav-drop .drop-links .styled-links{display:block;text-align:center}.nav-drop .drop-stack-links{margin-top:35px;justify-content:center}.nav-drop .drop-stack-links a.npm-svg{padding:5px 0}.nav-drop .drop-stack-links a{margin:0 10px}}@media (max-width:400px){.backdrop.drop-active{height:105vh}.nav-drop .navdrop-right{float:none}.nav-drop .navdrop-right .navdrop-close{margin:5px 10px}.nav-drop .drop-links{padding-top:80px;padding-left:0;padding-right:0;margin:0 auto}.nav-drop .drop-links .styled-links{display:block;text-align:center}.nav-drop .drop-stack-links{margin-top:35px;justify-content:center}.nav-drop .drop-stack-links a{margin:0 10px}}.connect{position:relative;padding-top:90px;padding-bottom:90px}.connect,.connect .connect-inner{margin:0 auto;width:100%;max-width:1100px}.connect .connect-inner{display:flex;flex-direction:row;align-items:center}.connect .connect-inner .connect-form .form{width:90%;margin-top:20px}.connect .connect-inner .connect-form .form form{display:block;margin-top:0}.connect .connect-inner .connect-form .form form .error-message{color:#e43f5a}.connect .connect-inner .connect-form .form form .name{width:100%;flex-direction:row;margin-bottom:15px}.connect .connect-inner .connect-form .form form .name label{color:#fff;font-size:18px;margin-bottom:5px}.connect .connect-inner .connect-form .form form .name div{position:relative;width:100%;flex-direction:row;margin-bottom:15px}.connect .connect-inner .connect-form .form form .name input{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);width:100%;max-width:100%;border:1px solid #252525;background-color:#414141;color:#fff;margin-top:5px;border-radius:3px;padding:12px;font-size:14px;resize:vertical}.connect .connect-inner .connect-form .form form .name input.error{border:1px solid #e43f5a}.connect .connect-inner .connect-form .form form .email{width:100%;flex-direction:row;margin-bottom:15px}.connect .connect-inner .connect-form .form form .email label{color:#fff;font-size:18px;margin-bottom:5px}.connect .connect-inner .connect-form .form form .email div{position:relative;width:100%;flex-direction:row;margin-bottom:15px}.connect .connect-inner .connect-form .form form .email input{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);width:100%;max-width:100%;border:1px solid #252525;background-color:#414141;color:#fff;margin-top:5px;border-radius:3px;padding:12px;font-size:14px;resize:vertical}.connect .connect-inner .connect-form .form form .email input.error{border:1px solid #e43f5a}.connect .connect-inner .connect-form .form form .message{width:100%;flex-direction:row;margin-bottom:15px}.connect .connect-inner .connect-form .form form .message label{color:#fff;font-size:18px;margin-bottom:5px}.connect .connect-inner .connect-form .form form .message div{width:100%;flex-direction:row;margin-bottom:15px}.connect .connect-inner .connect-form .form form .message textarea{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);width:100%;max-width:100%;border:1px solid #252525;background-color:#414141;color:#fff;margin-top:5px;border-radius:3px;padding:12px;font-size:14px;resize:vertical}.connect .connect-inner .connect-form .form form .message textarea.error{border:1px solid #e43f5a}.connect .connect-inner .connect-form .form .btn-send{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);cursor:pointer;display:block;background-color:#e43f5a;color:#fff;border-radius:3px;padding:12px 20px;font-size:16px;border:0;width:200px;margin-left:auto;transition:background-color .2s ease-in}.connect .connect-inner .connect-form .form .btn-send:hover{background-color:#d21e3b}.connect .connect-inner .connect-title{color:#fafaff;font-size:52px;line-height:54px;margin-bottom:15px;text-align:left;font-weight:600}.connect .connect-inner .connect-description{font-size:22px;margin:0;font-size:18px;line-height:24px;color:#fafaff;font-weight:300}.connect .connect-inner .connect-image{margin:0 20px}.connect .connect-inner .connect-image .image{position:relative;overflow:hidden;max-width:400px;margin-left:auto;margin-right:auto}.connect .connect-inner .connect-image .image .png{width:100%}.connect .connect-inner .connect-image .image .png img{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}@media (min-width:1201px) and (max-width:1600px){.connect{width:70%}.connect .connect-inner .connect-form .form form{display:block;margin-top:0}.connect .connect-inner .connect-form .form form .name{width:100%;flex-direction:row;margin-bottom:15px}.connect .connect-inner .connect-form .form form .name label{font-size:15px}.connect .connect-inner .connect-form .form form .email{width:100%;flex-direction:row;margin-bottom:15px}.connect .connect-inner .connect-form .form form .email label,.connect .connect-inner .connect-form .form form .message label{font-size:15px}.connect .connect-inner .connect-form .form .btn-send{padding:12px 10px;font-size:14px;width:150px}.connect .connect-inner .connect-title{font-size:40px;line-height:40px}.connect .connect-inner .connect-description{font-size:16px}}@media (min-width:801px) and (max-width:1200px){.connect{width:75%}.connect .connect-inner .connect-form .form form .name label{font-size:15px}.connect .connect-inner .connect-form .form form .name input{padding:8px 12px}.connect .connect-inner .connect-form .form form .email label{font-size:15px}.connect .connect-inner .connect-form .form form .email input{padding:8px 12px}.connect .connect-inner .connect-form .form form .message label{font-size:15px}.connect .connect-inner .connect-form .form form .message textarea{padding:6px 12px}.connect .connect-inner .connect-form .form .btn-send{padding:8px 10px;font-size:14px;width:100px}.connect .connect-inner .connect-title{font-size:40px;line-height:40px}.connect .connect-inner .connect-description{font-size:16px}.connect .connect-inner .connect-image{margin:0 10px}.connect .connect-inner .connect-image .image{max-width:500px}}@media (min-width:401px) and (max-width:800px){.connect{margin:0 auto;width:85%}.connect .connect-inner{display:block}.connect .connect-inner .connect-form .form{width:95%}.connect .connect-inner .connect-form .form form .name label{font-size:13px}.connect .connect-inner .connect-form .form form .name input{width:100%;border:1px solid #162447;color:#373737;padding:8px 12px}.connect .connect-inner .connect-form .form form .email label{font-size:13px}.connect .connect-inner .connect-form .form form .email input{width:100%;border:1px solid #162447;color:#373737;padding:8px 12px}.connect .connect-inner .connect-form .form form .message label{font-size:13px}.connect .connect-inner .connect-form .form form .message textarea{padding:6px 12px}.connect .connect-inner .connect-form .form .btn-send{padding:8px 10px;font-size:14px;width:100px}.connect .connect-inner .connect-title{font-size:40px;line-height:40px}.connect .connect-inner .connect-description{font-size:16px}.connect .connect-inner .connect-image{margin:0 10px}.connect .connect-inner .connect-image .image .png{margin:0 auto;width:70%}}@media (max-width:400px){.connect{width:85%}.connect .connect-inner{display:block}.connect .connect-inner .connect-form .form{width:95%}.connect .connect-inner .connect-form .form form .name label{font-size:12px}.connect .connect-inner .connect-form .form form .name input{padding:8px 12px}.connect .connect-inner .connect-form .form form .email label{font-size:12px}.connect .connect-inner .connect-form .form form .email input{padding:8px 12px}.connect .connect-inner .connect-form .form form .message label{font-size:12px}.connect .connect-inner .connect-form .form form .message textarea{padding:6px 12px;font-size:14px}.connect .connect-inner .connect-form .form .btn-send{padding:8px 10px;font-size:14px;width:100px}.connect .connect-inner .connect-title{font-size:40px;line-height:40px}.connect .connect-inner .connect-description{font-size:16px;line-height:24px}.connect .connect-inner .connect-image{margin:0 10px}.connect .connect-inner .connect-image .image .png{margin:0 auto;width:70%}}.experience{position:relative;padding-top:90px;padding-bottom:40px;margin:0 auto;width:100%;max-width:1100px}.experience .exp-title{color:#fafaff;font-size:52px;line-height:52px;margin-bottom:20px;text-align:left;font-weight:600}.experience .exp-list,.experience .exp-list .exp{display:flex;flex-direction:column}.experience .exp-list .exp{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);background-color:#414141;border:1px solid #414141;padding:0 30px;border-radius:5px;margin-bottom:15px}.experience .exp-list .exp .exp_title{cursor:pointer;padding:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0;position:relative}.experience .exp-list .exp .exp_title .work-designation{padding:10px 0;max-width:100%;text-align:left;margin:0 15px 0 0;color:#d1d1d1;font-size:24px;line-height:28px;font-weight:400;overflow:hidden;transition:max-height .6s ease}.experience .exp-list .exp .exp_title .work-name{padding:10px 0;margin:0;font-size:30px;line-height:24px;color:#e43f5a;font-weight:300}.experience .exp-list .exp .exp_title i{color:#fff;transform:rotate(-90deg);font-size:2.5rem;padding:10px 0;vertical-align:top;position:absolute;right:0;transition:transform .6s}.experience .exp-list .exp .exp_title i.show{transform:none}.experience .exp-list .exp .work-content{padding-top:15px}.experience .exp-list .exp .work-content.show{display:block}.experience .exp-list .exp .work-content .work-tenure{color:#d1d1d1;font-size:16px;margin:0}.experience .exp-list .exp .work-content .work-description{color:#fafaff;font-size:16px;display:block}.experience .exp-list .exp .work-content .list,.experience .exp-list .exp .work-content .work-description{margin:0;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}.experience .exp-list .exp .work-content .list{-webkit-columns:4;column-count:4;max-width:100%;padding:0 20px}.experience .exp-list .exp .work-content .list li{line-height:1.4;color:#fafaff;margin-bottom:5px;position:relative;display:list-item;text-align:-webkit-match-parent}.experience .exp-list .exp .exp__content{background-color:#414141;overflow:hidden;transition:max-height .6s ease}@media (min-width:1201px) and (max-width:1600px){.experience{padding:0 10px 0 30px;width:70%}.experience .exp-title{font-size:40px;line-height:40px}.experience .exp-list .exp{padding:0 18px}.experience .exp-list .exp .exp_title .work-designation{margin-right:5px;font-size:18px;line-height:18px}.experience .exp-list .exp .exp_title .work-name{font-size:20px;line-height:20px}.experience .exp-list .exp .exp_title i{transform:rotate(-90deg);font-size:1.5rem}.experience .exp-list .exp .work-content{padding-top:5px;padding-bottom:15px}.experience .exp-list .exp .work-content .work-tenure{margin-bottom:10px;font-size:16px;line-height:22px}.experience .exp-list .exp .work-content .work-description{font-size:16px;line-height:24px}.experience .exp-list .exp .work-content .list{-webkit-columns:3;column-count:3;max-width:100%}.experience .exp-list .exp .exp__content{overflow:none}}@media (min-width:801px) and (max-width:1200px){.experience{padding:0 10px 0 30px;width:75%}.experience .exp-title{font-size:40px;line-height:40px}.experience .exp-list .exp{padding:0 18px}.experience .exp-list .exp .exp_title .work-designation{margin-right:5px;font-size:18px;line-height:18px}.experience .exp-list .exp .exp_title .work-name{font-size:20px;line-height:20px}.experience .exp-list .exp .exp_title i{transform:rotate(-90deg);font-size:1.5rem}.experience .exp-list .exp .work-content{padding-top:5px;padding-bottom:15px}.experience .exp-list .exp .work-content .work-tenure{margin-bottom:10px;font-size:16px;line-height:22px}.experience .exp-list .exp .work-content .work-description{font-size:16px;line-height:24px}.experience .exp-list .exp .work-content .list{-webkit-columns:3;column-count:3;max-width:100%}.experience .exp-list .exp .exp__content{overflow:none}}@media (min-width:401px) and (max-width:800px){.experience{margin:0 auto;padding:0;width:85%}.experience .exp-title{font-size:35px;line-height:35px}.experience .exp-list .exp{padding:0 18px}.experience .exp-list .exp .exp_title .work-designation{margin-right:5px;font-size:18px;line-height:18px}.experience .exp-list .exp .exp_title .work-name{font-size:20px;line-height:20px}.experience .exp-list .exp .exp_title i{transform:rotate(-90deg);font-size:1rem}.experience .exp-list .exp .work-content{padding-top:5px;padding-bottom:15px}.experience .exp-list .exp .work-content .work-tenure{margin-bottom:10px;font-size:16px;line-height:22px}.experience .exp-list .exp .work-content .work-description{font-size:16px;line-height:24px}.experience .exp-list .exp .work-content .list{-webkit-columns:2;column-count:2;max-width:100%}.experience .exp-list .exp .exp__content{overflow:none}}@media (max-width:400px){.experience{margin:0 auto;padding:90px 10px 0;width:90%}.experience .exp-title{font-size:40px;line-height:40px}.experience .exp-list .exp{padding:0 18px}.experience .exp-list .exp .exp_title .work-designation{margin-right:5px;font-size:18px;line-height:18px}.experience .exp-list .exp .exp_title .work-name{font-size:20px;line-height:20px}.experience .exp-list .exp .exp_title i{transform:rotate(-90deg);font-size:1rem}.experience .exp-list .exp .work-content{padding-top:5px;padding-bottom:15px}.experience .exp-list .exp .work-content .work-tenure{margin-bottom:10px;font-size:16px;line-height:22px}.experience .exp-list .exp .work-content .work-description{font-size:16px;line-height:24px}.experience .exp-list .exp .work-content .list{-webkit-columns:2;column-count:2;max-width:100%;padding:0 20px}.experience .exp-list .exp .exp__content{overflow:none}}.intro{position:relative;margin:0 auto;color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center;min-height:100vh;word-wrap:break-word;animation:fadeIn 1s ease;-webkit-animation:fadeIn 1s ease;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;-ms-animation:fadeIn ease 1s}.intro h1,.intro h2,.intro h3,.intro h4,.intro h5,.intro h6{line-height:30px;margin-top:20px;margin-bottom:10px}.intro .intro-one{color:#adadad;font-size:20px;font-weight:300;box-sizing:border-box;display:block}.intro .intro-two{color:#fff;font-size:70px;font-weight:600;box-sizing:border-box;display:block;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,.1)}.intro .intro-three{color:#adadad;font-size:36px;font-weight:400;display:block}.intro .intro-three .intro-afiniti{color:#e43f5a;text-decoration:none;padding:0 10px}.intro .intro-three .intro-afiniti:hover{-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);-webkit-mask-size:200%;mask-size:200%;animation:shine 2s infinite}.intro .intro-four{font-size:20px;color:#adadad;font-size:18px;font-weight:300;box-sizing:border-box;display:block;font-weight:700}@media (min-width:1200px){.intro .intro-one{max-width:480px}.intro .intro-three{max-width:900px}.intro .intro-four{max-width:480px}}@media (min-width:801px) and (max-width:1200px){.intro{margin:0 auto;padding:0 50px 0 100px}.intro h1,.intro h2,.intro h3,.intro h4,.intro h5,.intro h6{line-height:25px;margin-top:10px}.intro .intro-one{font-size:22px}.intro .intro-two{font-size:50px}.intro .intro-three{line-height:40px;font-size:26px}.intro .intro-four{max-width:400px;font-size:18px}}@media (min-width:401px) and (max-width:800px){.intro{margin:0 auto;padding:0 30px 0 50px}.intro h1,.intro h2,.intro h3,.intro h4,.intro h5,.intro h6{line-height:25px;margin-top:10px}.intro .intro-one{font-size:18px}.intro .intro-two{font-size:40px}.intro .intro-three{line-height:35px;font-size:26px}.intro .intro-four{max-width:400px;font-size:18px}}@media (max-width:400px){.intro{margin:0 auto;padding:0 20px 0 35px}.intro h1,.intro h2,.intro h3,.intro h4,.intro h5,.intro h6{line-height:25px;margin-top:10px}.intro .intro-one{font-size:18px}.intro .intro-two{font-size:40px}.intro .intro-three{line-height:35px;font-size:26px}.intro .intro-four{max-width:300px;font-size:18px}}.stack{position:relative;padding-top:90px;padding-bottom:90px;margin:0 auto;width:100%;max-width:1100px}.stack .stack-title{color:#fafaff;font-size:52px;line-height:54px;margin-bottom:15px;text-align:left;font-weight:600}.stack .stack-wrap{display:flex}.stack .stack-wrap h2{color:#e43f5a}.stack .stack-wrap .stack-dev{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);border-radius:3px;flex-grow:1;text-align:left;background-color:#414141}.stack .stack-wrap .stack-dev:first-child{margin-right:10px;border:1px solid #414141;padding:20px}.stack .stack-wrap .stack-dev:nth-child(2){margin-left:10px;border:1px solid #414141;padding:20px}.stack .stack-wrap .stack-dev .stack-subtitle{color:#e43f5a;margin-bottom:1rem;width:100%;text-align:left;line-height:1.4;font-size:1.2rem;font-weight:700}.stack .stack-wrap .stack-dev .stack-subdesc{margin-bottom:2rem;text-align:left;line-height:1.4;font-size:1rem}.stack .stack-wrap .stack-dev .stack-list{-webkit-columns:3;column-count:3;max-width:100%;margin:0;padding:0 20px}.stack .stack-wrap .stack-dev .stack-list .stack-elem{line-height:1.4;margin-bottom:.4rem}@media (min-width:1201px) and (max-width:1600px){.stack{width:70%}.stack .stack-title{font-size:40px;line-height:40px}}@media (min-width:801px) and (max-width:1200px){.stack{width:75%}.stack .stack-title{font-size:40px;line-height:40px}.stack .stack-wrap{display:block}.stack .stack-wrap .stack-dev{margin:15px 0}.stack .stack-wrap .stack-dev:first-child{margin-right:0}.stack .stack-wrap .stack-dev:nth-child(2){margin-left:0}.stack .stack-wrap .stack-dev .stack-subtitle{font-size:1rem}.stack .stack-wrap .stack-dev .stack-list{padding:0 50px}}@media (min-width:521px) and (max-width:800px){.stack{width:85%}.stack .stack-title{font-size:35px;line-height:35px}.stack .stack-wrap{display:block}.stack .stack-wrap .stack-dev{margin:15px 0}.stack .stack-wrap .stack-dev:first-child{margin-right:0}.stack .stack-wrap .stack-dev:nth-child(2){margin-left:0}.stack .stack-wrap .stack-dev .stack-subtitle{font-size:1rem}.stack .stack-wrap .stack-dev .stack-list{-webkit-columns:3;column-count:3;padding:0 30px}}@media (min-width:401px) and (max-width:520px){.stack{width:85%}.stack .stack-title{font-size:35px;line-height:35px}.stack .stack-wrap{display:block}.stack .stack-wrap .stack-dev{margin:15px 0}.stack .stack-wrap .stack-dev:first-child{margin-right:0}.stack .stack-wrap .stack-dev:nth-child(2){margin-left:0}.stack .stack-wrap .stack-dev .stack-subtitle{font-size:1rem}.stack .stack-wrap .stack-dev .stack-list{-webkit-columns:2;column-count:2}}@media (max-width:400px){.stack{padding:90px 10px 90px 15px;width:90%}.stack .stack-title{font-size:35px;line-height:35px}.stack .stack-wrap{display:block}.stack .stack-wrap .stack-dev{margin:15px 0}.stack .stack-wrap .stack-dev:first-child{margin-right:0}.stack .stack-wrap .stack-dev:nth-child(2){margin-left:0}.stack .stack-wrap .stack-dev .stack-subtitle{font-size:1rem}.stack .stack-wrap .stack-dev .stack-list{-webkit-columns:2;column-count:2}}.projects{position:relative;padding-top:90px;padding-bottom:40px;margin:0 auto;width:100%;max-width:1100px}.projects .proj-title{color:#fafaff;font-size:52px;line-height:52px;margin-bottom:20px;text-align:left;font-weight:600}.projects .proj-list,.projects .proj-list .proj{display:flex;flex-direction:column}.projects .proj-list .proj{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);background-color:#414141;border:1px solid #414141;padding:0 30px;border-radius:5px;margin-bottom:15px}.projects .proj-list .proj .proj_title{cursor:pointer;padding:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0;position:relative}.projects .proj-list .proj .proj_title .proj-designation{padding:10px 0;max-width:100%;text-align:left;margin:0 15px 0 0;color:#d1d1d1;font-size:24px;line-height:28px;font-weight:400;overflow:hidden;transition:max-height .6s ease}.projects .proj-list .proj .proj_title .proj-designation span{font-size:18px;color:#e43f5a;text-decoration:none}.projects .proj-list .proj .proj_title i{color:#fff;transform:rotate(-90deg);font-size:2.5rem;padding:10px 0;vertical-align:top;position:absolute;right:0;transition:transform .6s}.projects .proj-list .proj .proj_title i.show{transform:none}.projects .proj-list .proj .proj-content .proj-description{color:#fafaff;font-size:16px;display:block;margin:0 0 15px}.projects .proj-list .proj .proj-content .proj-link{padding-bottom:15px;margin:0}.projects .proj-list .proj .proj-content .proj-link .project-name{font-size:20px;color:#e43f5a;text-decoration:none;padding:0 10px}.projects .proj-list .proj .proj-content .proj-link .project-name:hover{color:#d21e3b}.projects .proj-list .proj .proj-content .list{-webkit-columns:4;column-count:4;max-width:80%;color:#30343f;display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:40px;padding-inline-start:40px}.projects .proj-list .proj .proj-content .list li{color:#fafaff;margin-bottom:5px;position:relative;padding-left:20px;display:list-item;text-align:-webkit-match-parent}.projects .proj-list .proj .proj__content{background-color:#414141;overflow:hidden;transition:max-height .6s ease}@media (min-width:1201px) and (max-width:1600px){.projects{padding:90px 10px 40px 30px;width:70%}.projects .proj-title{font-size:40px;line-height:40px}.projects .proj-list .proj{padding:0 18px}.projects .proj-list .proj .proj_title .proj-designation{margin-right:5px;font-size:18px;line-height:25px}.projects .proj-list .proj .proj_title .proj-name{font-size:20px;line-height:20px}.projects .proj-list .proj .proj_title i{transform:rotate(-90deg);font-size:1.5rem}.projects .proj-list .proj .proj-content{padding-top:5px;padding-bottom:15px}.projects .proj-list .proj .proj-content .proj-description{font-size:16px;line-height:24px}.projects .proj-list .proj .proj-content .list{-webkit-columns:2;column-count:2;max-width:100%}.projects .proj-list .proj .proj__content{overflow:none}}@media (min-width:801px) and (max-width:1200px){.projects{padding:90px 10px 40px 30px;width:75%}.projects .proj-title{font-size:40px;line-height:40px}.projects .proj-list .proj{padding:0 18px}.projects .proj-list .proj .proj_title .proj-designation{margin-right:5px;font-size:18px;line-height:25px}.projects .proj-list .proj .proj_title .proj-name{font-size:20px;line-height:20px}.projects .proj-list .proj .proj_title i{transform:rotate(-90deg);font-size:1.5rem}.projects .proj-list .proj .proj-content{padding-top:5px;padding-bottom:15px}.projects .proj-list .proj .proj-content .proj-description{font-size:16px;line-height:24px}.projects .proj-list .proj .proj-content .list{-webkit-columns:2;column-count:2;max-width:100%}.projects .proj-list .proj .proj__content{overflow:none}}@media (min-width:401px) and (max-width:800px){.projects{margin:0 auto;padding:90px 0 40px;width:85%}.projects .proj-title{font-size:35px;line-height:35px}.projects .proj-list .proj{padding:0 15px}.projects .proj-list .proj .proj_title .proj-designation{margin-right:15px;font-size:18px;line-height:25px}.projects .proj-list .proj .proj_title .proj-name{font-size:20px;line-height:20px}.projects .proj-list .proj .proj_title i{transform:rotate(-90deg);font-size:1rem}.projects .proj-list .proj .proj-content{padding-top:5px;padding-bottom:15px}.projects .proj-list .proj .proj-content .proj-description{font-size:16px;line-height:24px}.projects .proj-list .proj .proj-content .list{-webkit-columns:2;column-count:2;max-width:100%}.projects .proj-list .proj .proj__content{overflow:none}}@media (max-width:400px){.projects{padding:90px 10px 40px 15px;width:90%}.projects .proj-title{font-size:40px;line-height:40px}.projects .proj-list .proj{padding:0 18px}.projects .proj-list .proj .proj_title .proj-designation{margin-right:5px;font-size:18px;line-height:25px}.projects .proj-list .proj .proj_title .proj-name{font-size:20px;line-height:20px}.projects .proj-list .proj .proj_title i{transform:rotate(-90deg);font-size:1rem}.projects .proj-list .proj .proj-content{padding-top:5px;padding-bottom:15px}.projects .proj-list .proj .proj-content .proj-description{font-size:16px;line-height:24px}.projects .proj-list .proj .proj-content .list{-webkit-columns:2;column-count:2;max-width:100%}.projects .proj-list .proj .proj__content{overflow:none}}
/*# sourceMappingURL=main.656a31d7.chunk.css.map */