body{max-width:1440px;height:100%!important;margin:0 auto;background-color:#0a192f;font-family:"Space Mono",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.project{position:relative;overflow:hidden}.btn-link{color:#64ffda;background-color:transparent;border:1px solid #64ffda;border-radius:4px;padding:14px 20px;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;text-decoration:none;cursor:pointer;font-size:16px;text-align:center}.btn-link:hover{background-color:rgba(48,88,134,.7176470588235294)}h1,h2,h3,h4,h5,h6,p{margin:0;letter-spacing:.3px}.title{display:flex;align-items:center;width:auto}.title h3{font-size:26px;width:auto;margin:0;color:#ccd6f6}.title h3 span{color:#64ffda}.horizontal-line{width:20%;height:1px;margin:0 0 0 30px;background-color:#a8b2d1}.vertical-line{width:1px;height:30%;margin:0 auto;background-color:#a8b2d1}.content{width:80%;margin:0 auto;height:auto;box-sizing:border-box;padding:150px 20px 0}.content,.left-and-right-bar{display:flex;flex-direction:column}.left-and-right-bar{height:100%;min-height:100vh;width:100px;justify-content:center;align-items:center;position:fixed;top:0;bottom:0}@media (min-width:0) and (max-width:446.9px){.content{width:100%;padding-top:120px}.title h3{font-size:23px}}@media (min-width:447px) and (max-width:768.9px){.content{width:90%;padding-top:120px}.title h3{font-size:24px}}@media (min-width:769px) and (max-width:989.9px){.title h3{font-size:25px}}.home-page{width:80%;margin:0 auto;height:100vh;left:10%;right:10%;box-sizing:border-box;padding:150px 20px 0;display:flex;flex-direction:column}.home-page h1{font-size:60px;color:#ccd6f6}.home-page h2{font-size:50px;color:#8892b0}.home-page h3{color:#64ffda;font-size:22px}.home-page p{width:70%;font-size:20px;color:#8892b0}.home-page .btn-link{width:15%;margin-top:40px;font-size:18px}.home-page .btn-link:hover{background-color:transparent;color:#64ffda}@media(min-width:0)and (max-width:446.9px){.home-page{width:80%;margin:0 auto;height:100vh;padding:120px 0 0;overflow:hidden!important}.home-page h1{font-size:30px}.home-page h2{font-size:23px}.home-page p{width:100%;font-size:16px}.home-page .btn-link{width:40%;margin-top:20px;font-size:16px}}@media(min-width:447px)and (max-width:768.9px){.home-page{width:80%;margin:0 auto;height:100vh;padding:120px 0 0;overflow:hidden!important}.home-page h1{font-size:35px}.home-page h2{font-size:30px}.home-page p{width:80%;font-size:17px}.home-page .btn-link{width:35%;margin-top:20px;font-size:17px}}@media(min-width:769px)and (max-width:989.9px){.home-page{width:80%;margin:0 auto;height:100vh;padding:120px 0 0;overflow:hidden!important}.home-page h1{font-size:55px}.home-page h2{font-size:37px}.home-page p{width:70%;font-size:20px}.home-page .btn-link{width:27%;margin-top:20px;font-size:19px}}@media(min-width:990px)and (max-width:1199.9px){.home-page{width:80%;margin:0 auto;height:100vh;padding:120px 0 0;overflow:hidden!important}.home-page h1{font-size:65px}.home-page h2{font-size:45px}.home-page p{width:70%;font-size:20px}.home-page .btn-link{width:27%;margin-top:40px;font-size:19px}}.sticky{transition:all .3s linear;height:70px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;box-shadow:0 10px 30px -10px rgba(2,12,27,.7)}header{position:absolute;top:0;left:0;right:0;z-index:10!important}header .navbar{position:fixed;height:80px;width:100%;max-width:1440px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 30px;transition:all .5s linear}header .navbar .navbar-logo-brand{width:auto;height:100%}header .navbar .navbar-logo-brand a{cursor:pointer;height:100%}header .navbar .navbar-logo-brand a img{width:auto;height:90%}header .navbar .navbar-menu-group{display:flex;align-items:center;justify-content:flex-end;width:auto}header .navbar .navbar-menu-group .navbar-menu-item{display:flex;align-items:center}header .navbar .navbar-menu-group .navbar-menu-item .active a{color:#64ffda}header .navbar .navbar-menu-group .navbar-menu-item .hoverLink,header .navbar .navbar-menu-group .navbar-menu-item a{font-weight:700;text-decoration:none;color:#ccd6f6;letter-spacing:.6px;transition:all .25s cubic-bezier(.645,.045,.355,1)}header .navbar .navbar-menu-group .navbar-menu-item .hoverLink{margin:0 20px;cursor:pointer}header .navbar .navbar-menu-group .navbar-menu-item .hoverLink a{font-size:16px}header .navbar .navbar-menu-group .navbar-menu-item .hoverLink a:hover{color:#64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1)}header .navbar .navbar-menu-group .navbar-menu-item .hoverLink a span{color:#64ffda;font-weight:400}header .navbar .navbar-menu-group a{padding:8px 15px}header .navbar .navbar-menu-group a:hover{background:transparent;color:#64ffda}header .hamburger{display:none}header .bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#8892b0}.blur-background{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#0b1629;opacity:.7;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .7s ease;-webkit-filter:blur(3px);filter:blur(3px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3}.blur-back-show{-webkit-transform:translateX(0);transform:translateX(0);transition:all .7s ease;-webkit-filter:blur(10px);filter:blur(10px)}@media only screen and (max-width:990px){.navbar-menu-group{position:absolute;background-color:#112240;height:100vh;min-width:30%!important;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .7s ease;z-index:10;-webkit-filter:none!important;filter:none!important}.bar{background-color:#64ffda}.hamburger{display:block!important;z-index:10}.navbar-menu-item{flex-direction:column;height:60%;width:100%;box-sizing:border-box;padding:5px;overflow-y:auto;overflow-x:hidden}.navbar-menu-item div{padding:20px 0;width:100%;border-bottom:1px solid #ccc}.hamburger{display:block;cursor:pointer}.nav-active{-webkit-transform:translateX(0);transform:translateX(0);transition:all .7s ease}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.btn-link{margin:20px 0}}@media(min-width:0)and (max-width:446.9px){.navbar-menu-group{width:60%!important}.navbar-logo-brand{width:auto}.navbar-logo-brand img{width:100%}}@media(min-width:447px)and (max-width:768.9px){.navbar-menu-group{width:40%!important}}@media(min-width:769px)and (max-width:989.9px){.navbar-logo-brand{width:auto}.navbar-logo-brand img{width:100%}.navbar-menu-group{width:60%}}@media(min-width:990px)and (max-width:1199.9px){.navbar-logo-brand{width:auto}.navbar-menu-group{width:85%}.navbar-logo-brand img{width:100%}}.about-page .divider-box{width:350px;min-width:100px}.about-page .divider-box .ant-divider-horizontal.ant-divider-with-text{border-top:#fff!important}.about-page .about-me{height:auto;width:100%;display:flex;box-sizing:border-box;padding:20px 0}.about-page .about-me .my-info{width:60%;height:100%}.about-page .about-me .my-info p{width:90%;color:#8892b0;font-size:18px;letter-spacing:.2px;margin-bottom:20px}.about-page .about-me .my-info ul{padding-left:22px}.about-page .about-me .my-info ul li{color:#8892b0;font-size:18px}.about-page .about-me .my-info ul li::marker{color:#64ffda}.about-page .about-me .my-photo{width:40%;height:100%}.about-page .about-me .my-photo img{width:100%;border-radius:45px}@media(min-width:0)and (max-width:446.9px){.about-me{flex-direction:column-reverse}.about-me .my-info{width:100%!important;height:100%;margin-top:20px}.about-me .my-info p{width:100%;font-size:17px;margin-bottom:20px}.about-me .my-info ul{padding-left:22px}.about-me .my-info ul li{font-size:17px}.about-me .my-photo{width:100%!important;height:100%}}@media(min-width:447px)and (max-width:768.9px){.about-me{flex-direction:column-reverse}.about-me .my-info{margin-top:20px}.about-me .my-info,.about-me .my-photo{width:100%!important;height:100%}.about-me .my-info p{width:100%;font-size:17px;margin-bottom:20px}.about-me .my-info ul{padding-left:22px}.about-me .my-info ul li{font-size:17px}}@media(min-width:769px)and (max-width:989.9px){.about-me .my-info{box-sizing:border-box;padding-right:20px}.about-me .my-info,.about-me .my-photo{width:100%;height:100%}.about-me .my-photo img{width:90%}.about-me .my-info p{width:100%;font-size:17px;margin-bottom:20px}.about-me .my-info ul{padding-left:22px}.about-me .my-info ul li{font-size:17px}}.faqs{height:auto}.faqs .divider-box{width:350px;min-width:100px}.faqs .divider-box .ant-divider-horizontal.ant-divider-with-text{border-top:#fff!important}.faqs .questions-block .questions{margin-top:30px}.faqs .questions-block .questions h4{font-size:22px;color:#a8b2d1}.faqs .questions-block .questions h4 span{color:#64ffda;font-size:12px}.faqs .questions-block .questions p{width:70%;font-size:18px;color:#8792af}@media(min-width:0)and (max-width:446.9px){.questions-block{margin-top:0}.faqs .questions{margin-top:20px}.faqs .questions h4{font-size:20px;color:#a8b2d1}.faqs .questions h4 span{color:#64ffda;font-size:10px}.faqs .questions p{width:100%!important;font-size:16px}}@media(min-width:447px)and (max-width:768.9px){.questions-block{margin-top:0}.faqs .questions{width:auto;margin-top:20px}.faqs .questions h4{font-size:22px;color:#a8b2d1}.faqs .questions h4 span{font-size:10px}.faqs .questions p{width:100%;font-size:17px}}@media(min-width:769px)and (max-width:989.9px){.questions-block{margin-top:0}.faqs .questions{width:auto;margin-top:20px}.faqs .questions h4{font-size:22px;color:#a8b2d1}.faqs .questions h4 span{font-size:12px}.faqs .questions p{width:70%;font-size:18px}}@media(min-width:990px)and (max-width:1199.9px){.questions-block{margin-top:0}.faqs .questions{width:auto;margin-top:20px}.faqs .questions h4{font-size:22px;color:#a8b2d1}.faqs .questions h4 span{font-size:12px}.faqs .questions p{width:70%;font-size:18px}}.portfolio .my-projects{height:auto;width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box;padding:20px 0}.portfolio .my-projects a{text-decoration:none;margin:20px 20px 0 0;width:30%}.portfolio .my-projects .project-item{height:570px;background-color:#112240;display:flex;flex-direction:column;border-radius:4px;box-sizing:border-box;padding:20px;margin:0;cursor:pointer;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);transition:all .25s cubic-bezier(.645,.045,.355,1)}.portfolio .my-projects .project-item:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);transition:all .25s cubic-bezier(.645,.045,.355,1)}.portfolio .my-projects .project-item .project-item-icon{height:10%;width:100%;display:flex;justify-content:space-between;align-items:center}.portfolio .my-projects .project-item .project-item-icon .icon-folder span{padding:10px 10px 10px 0;font-size:40px;cursor:pointer;color:#64ffda}.portfolio .my-projects .project-item .project-item-icon .icon-source a{text-decoration:none;margin:0!important;padding:10px}.portfolio .my-projects .project-item .project-item-icon .icon-source a span{font-size:20px;color:#a8b2d1;transition:all .25s cubic-bezier(.645,.045,.355,1)}.portfolio .my-projects .project-item .project-item-name{height:75%;width:100%;margin:10px 0}.portfolio .my-projects .project-item .project-item-name img{margin-top:15px;width:100%;border-radius:10px}.portfolio .my-projects .project-item .project-item-name h4{height:60px;font-size:20px;color:#a8b2d1;transition:all .25s cubic-bezier(.645,.045,.355,1)}.portfolio .my-projects .project-item .project-item-name p{color:#8792af;font-size:16px;margin-top:15px;height:120px}.portfolio .my-projects .project-item .project-item-name p span{color:#64ffda}.portfolio .my-projects .project-item .project-item-technologies{height:10%;width:100%;display:flex;align-items:center;flex-wrap:wrap}.portfolio .my-projects .project-item .project-item-technologies p{margin-right:15px;font-size:13px;font-weight:700;color:#8792af}.portfolio .divider-box{width:350px;min-width:100px}.portfolio .divider-box .ant-divider-horizontal.ant-divider-with-text{border-top:#fff!important}.portfolio .my-projects .project-item:hover .project-item-name h4{color:#64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1)}@media(min-width:0)and (max-width:446.9px){.portfolio .my-projects{flex-direction:column}.portfolio .my-projects a{width:100%}.project-item-name h4{font-size:18px}.project-item-name p{font-size:14px}}@media(min-width:447px)and (max-width:768.9px){.portfolio .my-projects{justify-content:space-between}.portfolio .my-projects a{width:46%;margin-top:20px}.portfolio .my-projects .project-item{height:auto}.project-item-name h4{height:auto!important;font-size:18px}.project-item-name p{font-size:14px;height:auto!important}.project-item-technologies p{font-size:12px}}@media(min-width:769px)and (max-width:989.9px){.portfolio .my-projects{justify-content:space-between}.portfolio .my-projects a{width:48%;margin-right:10px;margin-top:10px}.portfolio .my-projects .project-item{height:auto}.project-item-name h4{font-size:20px}.project-item-name p{font-size:15px}.project-item-technologies p{font-size:13px}}@media(min-width:990px)and (max-width:1199.9px){.portfolio .my-projects{justify-content:space-between}.portfolio .my-projects a{width:48%;margin-right:10px;margin-top:10px}.portfolio .my-projects .project-item{height:auto}.project-item-name h4{font-size:20px}.project-item-name p{font-size:15px}.project-item-technologies p{font-size:13px}}.left-icon-block{left:0;width:100px}.left-icon-block ul{list-style:none;height:70%;margin:0;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;padding:0 0 20px}.left-icon-block ul li{cursor:pointer}.left-icon-block ul li a span{font-size:23px;color:#a8b2d1;padding:10px;transition:all .25s cubic-bezier(.645,.045,.355,1)}.left-icon-block ul li a span:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);color:#64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1)}@media only screen and (max-width:769px){.left-icon-block{display:none}}.right-email-block{right:0}.right-email-block .email-name{display:flex;justify-content:center;align-items:flex-end;height:70%;width:100%;box-sizing:border-box;padding-bottom:150px}.right-email-block .email-name a{-webkit-transform:rotate(90deg);transform:rotate(90deg);text-decoration:none;color:#a8b2d1;letter-spacing:1px;transition:all .25s cubic-bezier(.645,.045,.355,1)}@media only screen and (max-width:769px){.right-email-block{display:none}}
/*# sourceMappingURL=main.5a052713.chunk.css.map */