html{scroll-behavior:smooth}#container.dark{background-color:#323232}#container.dark .megaMenu{background-color:#232323}#container.dark #home .content .homeIcon i{color:#3c3c3c}#container.dark #home .content .homeItem ul li{color:#ebebeb}#container.dark #service{background-color:#2d2d2d}#container.dark #service h1{color:#ebebeb}#container.dark #service .content .backend,#container.dark #service .content .fontend{background-color:#2d2d2d;box-shadow:none}#container.dark #service .content .backend ul li,#container.dark #service .content .fontend ul li{color:#ebebeb}#container.dark #service .content .backend .bgc i,#container.dark #service .content .fontend .bgc i{color:#3c3c3c}#container.dark #ourTeam h1{color:#ebebeb}#container.dark #ourTeam .content .team{background-color:#3c3c3c}#container.dark #ourTeam .content .team .button i{background-color:#2d2d2d}#container.dark #ourTeam .content .team .button i:hover{color:#fff}#container.dark #chatForm h1{color:#ebebeb}#container.dark #chatForm .content .textMessage{background-color:#0000}#container.dark #chatForm .content .textMessage .text p{background-color:#3c3c3c;box-shadow:0 2px 8px 0 #63636333;color:#ebebeb}#container.dark #chatForm .content form textarea{background-color:#0000;color:#ebebeb}#container.dark #contact .content .contactItem p,#container.dark #contact .content .contactItem p a{color:#ebebeb}#container.dark #contact .content form .inputItem input,#container.dark #contact .content form .inputItem textarea{background-color:#0000;color:#ebebeb}#container.dark #test .content .testItem p,#container.dark #test .content .testItem p a{color:#ebebeb}#container.dark #test .content form .inputItem input{background-color:#0000;color:#ebebeb}#container,#container .menu{overflow-x:hidden}#container .menu{align-items:center;background-color:#232323;display:flex;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:1000}#container .menu .icon{left:40px;position:absolute;top:27px;z-index:2000}#container .menu .icon i{color:#fff;cursor:pointer;font-size:20px}#container .menu .circle{animation:moveX 5s infinite;background-color:#f2700d;border-radius:50%;height:80px;width:80px}#container .menu button{background-color:#0000;border:none;border-radius:50%;cursor:pointer;height:30px;position:fixed;right:15px;text-align:center;top:25px;width:30px}#container .menu button i{color:#f2700d;font-size:22px}#container .menu ul{display:flex;gap:30px;margin-right:80px}#container .menu ul li{cursor:pointer;font-size:18px;font-weight:500;list-style:none}#container .menu ul li:after{background-color:red;content:"";display:block;height:2px;transition:all .3s;width:0}#container .menu ul li:hover a{color:red}#container .menu ul li:hover:after{width:100%}#container .menu ul li a{color:#f2700d;text-decoration:none}#container .megaMenu{background-color:#f2700d;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;transform:translateY(100%);transition:all .3s;z-index:3000}#container .megaMenu .megaIcon{cursor:pointer;left:40px;position:fixed;top:27px;width:100%;z-index:2000}#container .megaMenu .megaIcon i.close{color:#fff;font-size:22px}#container .megaMenu .megaIcon i.opacity{animation:opacityX 2s}#container .megaMenu ul{margin-top:60px}#container .megaMenu ul.opacity{animation:opacityX 1s}#container .megaMenu ul li{font-size:24px;list-style:none;margin-left:40px;padding:5px 0}#container .megaMenu ul li i{color:#fff}#container .megaMenu ul li a{color:#fff;text-decoration:none}#container #home{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;padding-top:80px}#container #home .content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;height:calc(100vh - 80px);justify-content:space-around;overflow-x:hidden;padding:100px}#container #home .content .homeIcon{align-items:center;display:flex;justify-content:center}#container #home .content .homeIcon i{animation:moveX 3s infinite;color:#f0f5ffcc;font-size:400px}#container #home .content .homeItem{align-items:flex-end;animation:moveFY 1.5s ease-out;display:flex;flex-direction:column;justify-content:space-between}#container #home .content .homeItem h1{color:#f2700d;font-weight:400;padding:10px}#container #home .content .homeItem h1 i{font-size:130px}#container #home .content .homeItem p{color:#787878;font-size:26px;font-weight:300;padding:10px 20px;text-align:right;width:50%}#container #home .content .homeItem ul{padding:0 20px}#container #home .content .homeItem ul li{color:#787878;font-size:36px;font-weight:300;list-style:circle}#container #home .content .homeItem button{animation:moveFY 4s;background-color:#f2700d;border:none;color:#fff;cursor:pointer;font-weight:400;margin:30px 20px 0 0;padding:10px;transition:all .5s}#container #home .content .homeItem button:hover{background-color:red}#container #home .content .homeItem button a{color:#fff;font-size:18px;text-decoration:none}#container #home .content .homeItem button i{font-size:16px}#container #service{background-color:#fffcfc;padding:100px}#container #service h1{color:#232323;margin:0 auto 20px}#container #service .content{display:flex;flex-wrap:wrap;gap:20px}#container #service .content .fontend{background-color:#fff;box-shadow:0 2px 8px 0 #63636333;overflow:hidden;padding:20px;position:relative;width:calc(50% - 10px)}#container #service .content .fontend h2{color:#f2700d;position:relative;z-index:2}#container #service .content .fontend h2 i{color:#f2700d}#container #service .content .fontend ul{margin:10px 0 0 37px;position:relative;z-index:2}#container #service .content .fontend ul li{color:#787878;font-size:18px;padding:10px 0}#container #service .content .fontend .bgc{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0;z-index:1}#container #service .content .fontend .bgc i{animation:moveX 3s infinite;color:#f0f5ffcc;font-size:160px}#container #service .content .backend{background-color:#fff;box-shadow:0 2px 8px 0 #63636333;overflow:hidden;padding:20px;position:relative;width:calc(50% - 10px)}#container #service .content .backend h2{color:#f2700d;position:relative;z-index:2}#container #service .content .backend h2 i{color:#f2700d}#container #service .content .backend ul{margin:10px 0 0 37px;position:relative;z-index:2}#container #service .content .backend ul li{color:#787878;font-size:18px;padding:10px 0}#container #service .content .backend .bgc{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0;z-index:1}#container #service .content .backend .bgc i{animation:moveX 3s infinite;color:#f0f5ffcc;font-size:160px}#container .moveFX{animation:moveFX;animation-duration:1s}#container .moveLFX{animation:moveLFX;animation-duration:1s}#container #ourTeam{padding:100px}#container #ourTeam h1{color:#232323;margin-bottom:30px}#container #ourTeam .content{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}#container #ourTeam .content .team{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px;text-align:center;transition:all .5s;width:300px}#container #ourTeam .content .team:hover{border-radius:20px;box-shadow:1.95px 1.95px 2.6px #00000026;scale:1.1}#container #ourTeam .content .team img{border-radius:50%;cursor:pointer;height:260px;object-fit:cover;object-position:center;width:260px}#container #ourTeam .content .team h3{color:#f2700d;font-weight:400;text-transform:capitalize}#container #ourTeam .content .team p{color:#c8c8c8;text-transform:capitalize}#container #ourTeam .content .team .button{align-items:center;display:flex;gap:10px;justify-content:center}#container #ourTeam .content .team .button i{background-color:#fff;border-radius:50%;color:#787878;height:36px;line-height:36px;text-align:center;transition:all .3s;width:36px}#container #ourTeam .content .team .button i:hover{color:red}#container #ourTeam button{background-color:#f2700d;border:none;color:#fff;cursor:pointer;font-size:18px;margin:40px auto 0;padding:10px 20px;transition:all .5s}#container #ourTeam button:hover{background-color:red}#container #ourTeam button a{color:#fff;text-decoration:none}#container #video{align-items:center;display:flex;justify-content:center;padding:100px}#container #video video{width:60%}#container #chatForm{padding:100px}#container #chatForm h1{margin:20px auto;text-align:center}#container #chatForm .content .textMessage{-ms-overflow-style:none;border:1px solid silver;height:300px;margin-bottom:20px;overflow-y:scroll;padding:10px;scrollbar-width:none}#container #chatForm .content .textMessage::-webkit-scrollbar{display:none}#container #chatForm .content .textMessage .text{display:flex}#container #chatForm .content .textMessage .text p{background-color:#f0f0f0;border-radius:5px;box-shadow:0 2px 8px 0 #63636333;display:inline;margin-bottom:10px;max-width:60%;padding:6px 12px}#container #chatForm .content .textMessage .text p span i{font-size:14px}#container #chatForm .content form textarea{border:1px solid silver;font-size:16px;padding:5px;resize:none;width:100%}#container #chatForm .content form button{background-color:#f2700d;border:none;color:#fff;font-size:18px;margin-top:10px;padding:5px 20px}#container #contact{padding:100px}#container #contact .content{align-items:center;display:flex;gap:20px;justify-content:space-between;overflow-x:hidden}#container #contact .content .contactItem{display:flex;flex-direction:column;gap:1px}#container #contact .content .contactItem .contactIcon{background-color:#232323;color:#ebebeb;cursor:pointer;height:100px;line-height:100px;text-align:center;width:100px}#container #contact .content .contactItem .contactIcon a{color:#ebebeb}#container #contact .content .contactItem .contactIcon i{font-size:26px}#container #contact .content .contactItem p{color:#232323;font-size:18px;padding:10px 0}#container #contact .content .contactItem p i{color:#787878;text-align:center;width:20px}#container #contact .content .contactItem p a{color:#232323;text-decoration:none}#container #contact .content .contactItem iframe{border:none;height:302px;width:604px}#container #contact .content form{margin-bottom:20px;width:100%}#container #contact .content form h2{background-color:#f2700d;color:#fff;font-weight:400;height:34px;line-height:34px;margin-bottom:5px;text-align:center}#container #contact .content form .inputItem{position:relative}#container #contact .content form .inputItem input{border:1px solid silver;font-size:16px;height:34px;margin:0 auto 5px;outline:none;padding:0 5px 0 30px;width:100%}#container #contact .content form .inputItem i{color:#787878;font-size:16px;left:8px;position:absolute;text-align:center;top:9px;width:20px}#container #contact .content form .inputItem textarea{border:1px solid silver;font-size:16px;height:78px;line-height:20px;outline:none;padding:5px;resize:none;width:100%}#container #contact .content form button{background-color:#f2700d;border:none;color:#fff;cursor:pointer;font-size:18px;padding:8px 15px;transition:all .5s}#container #contact .content form button:hover{background-color:red}#container #test{padding:100px}#container #test .content{align-items:center;display:flex;gap:20px;justify-content:space-between;overflow-x:hidden}#container #test .content .testItem{display:flex;flex-direction:column;gap:1px}#container #test .content .testItem .testIcon{background-color:#232323;color:#ebebeb;cursor:pointer;height:100px;line-height:100px;text-align:center;width:100px}#container #test .content .testItem .testIcon a{color:#ebebeb}#container #test .content .testItem .testIcon i{font-size:26px}#container #test .content .testItem p{color:#232323;font-size:18px;padding:10px 0}#container #test .content .testItem p i{color:#787878;text-align:center;width:20px}#container #test .content .testItem p a{color:#232323;text-decoration:none}#container #test .content form{margin-bottom:20px;width:100%}#container #test .content form h2{background-color:#f2700d;color:#fff;font-weight:400;height:34px;line-height:34px;margin-bottom:5px;text-align:center}#container #test .content form .inputItem{position:relative}#container #test .content form .inputItem input{border:1px solid silver;font-size:16px;height:34px;margin:0 auto 5px;outline:none;padding:0 5px 0 30px;width:100%}#container #test .content form .inputItem i{color:#787878;font-size:16px;left:8px;position:absolute;text-align:center;top:9px;width:20px}#container #test .content form button{background-color:#f2700d;border:none;color:#fff;cursor:pointer;font-size:18px;padding:8px 15px;transition:all .5s}#container #test .content form button:hover{background-color:red}#container footer{background-color:#232323;color:#787878;height:50px;line-height:50px;text-align:center}#container footer a{color:#787878;text-decoration:none}#container .overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}#container .overlay p{color:#fff;font-size:22px;padding:0 20px;text-align:center}#container .scaleX{animation:scaleX 2s}#container .scaleY{animation:scaleY 2s}#container .backToTop{bottom:60px;position:fixed;right:20px;z-index:2000}#container .backToTop button{background-color:#ff646466;border:none;border-radius:10px;cursor:pointer;height:50px;line-height:50px;text-align:center;width:50px}#container .backToTop button i{color:#fff;font-size:18px}@media screen and (max-width:576px){#container .menu .icon{display:block}#container .menu ul{display:none}#container .megaMenu{overflow:hidden}#container .megaMenu ul{display:block}#container #home{height:calc(100vh - 80px);overflow:hidden;width:100%}#container #home,#container #home .content{align-items:center;display:flex;justify-content:center}#container #home .content{padding:10px}#container #home .content .homeIcon{left:0;padding:20px;position:absolute;right:0;width:100%}#container #home .content .homeIcon i{font-size:300px}#container #home .content .homeItem{left:0;padding:20px;position:absolute;right:0;transition:all 3s;width:100%}#container #home .content .homeItem h1 i{font-size:60px}#container #home .content .homeItem ul li{font-size:26px}#container #service{padding:100px 5px}#container #service .content{flex-wrap:wrap;gap:10px}#container #service .content .backend,#container #service .content .fontend{padding:10px;width:100%}#container #service .content .moveFX{animation:moveFX;animation-duration:2s}#container #service .content .moveLFX{animation:moveLFX;animation-duration:2s}#container #ourTeam{padding:100px 5px}#container #video{padding:0}#container #video video{width:100%}#container #chatForm{padding:100px 5px 20px}#container #contact{padding:100px 0}#container #contact .content{flex-direction:column-reverse}#container #contact .content .contactItem{padding:0;width:100%}#container #contact .content .contactItem:first-child{flex-direction:row;justify-content:space-around;padding:0 20px}#container #contact .content .contactItem p{font-size:18px;padding:10px}#container #contact .content .contactItem iframe{width:100%}#container #contact .content form{padding:0 10px}#container #contact .content map{left:0;position:absolute;top:0}#container .backToTop{right:10px}}@keyframes moveX{0%{transform:translateX(-10px)}50%{transform:translateX(10px)}to{transform:translateX(-10px)}}@keyframes moveFX{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes moveLFX{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes moveY{0%{transform:translateY(-50px)}50%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes moveFY{0%{opacity:0;transform:translateY(100%)}50%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes opacityX{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes scaleX{0%{border-radius:20px;box-shadow:1.95px 1.95px 2.6px #00000026;opacity:0;scale:.5}50%{border-radius:20px;box-shadow:1.95px 1.95px 2.6px #00000026;opacity:.5;scale:1.1}to{opacity:1;scale:1}}@keyframes scaleY{0%{border-radius:20px;box-shadow:1.95px 1.95px 2.6px #00000026;opacity:1;scale:1.1}50%{border-radius:20px;box-shadow:1.95px 1.95px 2.6px #00000026;opacity:.5;scale:.5}to{opacity:1;scale:1}}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}body{background-color:#f5f5f5}body #MyCv{margin:0 auto}body #MyCv header{background-color:#ff4500;margin-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:3}body #MyCv header div.content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:10px;width:1140px}body #MyCv header div.content h3{color:#fff}body #MyCv header div.content h3 i{cursor:pointer}body #MyCv header div.content div{align-items:center;display:flex;gap:6px}body #MyCv header div.content div button{background-color:#fff;border:none;border-radius:6px;color:#ff4500;cursor:pointer;font-size:16px;font-weight:600;height:30px;padding:0 5px;text-align:center;width:30px}body #MyCv header div.content div button i{color:#ff4500;cursor:pointer;font-weight:600;transform:rotate(-120deg);transition:all .3s}body #MyCv header div.content div button.nhanLiXi{font-size:16px;width:100px}body #MyCv main{border-left:3px solid #0000;box-shadow:0 4px 12px #0000001a;margin:0 auto 10px;padding:10px 40px;transition:all .5s;width:1140px}body #MyCv main:hover{border-left:3px solid #ff4500}body #MyCv main .title h2{color:#ff4500;font-size:22px}body #MyCv main .info{align-items:center;display:flex;gap:30px;margin:20px auto 0;position:relative;width:100%}body #MyCv main .info .photo{border-radius:8px;display:flex;flex-wrap:wrap;height:200px;justify-content:center;width:200px}body #MyCv main .info .photo img{border-radius:5px;box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;height:200px;object-fit:cover;width:200px}body #MyCv main .info .photo .qrCode{background-color:#f5f5f5;position:absolute;right:0;top:0;z-index:2}body #MyCv main .info .text{font-size:20px;width:100%}body #MyCv main .info .text .textFlex{display:flex;gap:0;margin-bottom:5px;margin-top:5px}body #MyCv main .info .text .textFlex p.info{margin:0;width:30px}body #MyCv main .info .text .textFlex p.info i{color:#828282;font-size:18px}body #MyCv main .info .text .textFlex h4{font-weight:400;width:100%}body #MyCv main .info .text .textFlex h4 a{color:#000;text-decoration:none}body #MyCv main .info .text .textFlex h4 a:hover{color:#4169e1}body #MyCv main .info p{font-size:18px;line-height:1.8}body #MyCv main h3{color:#828282;font-size:20px;font-weight:600;margin-top:10px;text-align:center;width:200px}body #MyCv main ul{margin-left:60px}body #MyCv main ul li .skills{display:flex;gap:10px;margin:20px auto;width:100%}body #MyCv main ul li .skills .text{font-size:18px;width:100%}body #MyCv main ul li .skills .text .textFlex{align-items:center;display:flex;gap:10px;margin-bottom:3px}body #MyCv main ul li .skills .text .textFlex p{width:140px}body #MyCv main ul li .skills .text .textFlex h4{font-weight:400;line-height:1.6;width:100%}body #MyCv main ul li .skills .text .textFlex h4 a{color:#000;text-decoration:none}body #MyCv main ul li .skills .text .textFlex h4 a.link,body #MyCv main ul li .skills .text .textFlex h4 a:hover{color:#4169e1}body #MyCv footer{margin:20px auto;padding:20px 40px 0;text-align:center;width:1140px}body #MyCv footer span{color:silver;font-size:13px;font-weight:400;text-align:center}body #MyCv footer p{color:silver;font-size:12px}body .overlay{background-color:#000000e6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:103}body #formLogin{background-color:#fff;left:50%;margin:0 auto;padding:10px;position:fixed;top:-100%;transform:translate(-50%);width:360px;z-index:104}body #formLogin .inputItem{align-items:center;border-bottom:1px solid silver;display:flex;gap:5px;margin:5px 0}body #formLogin .inputItem input{border:none;font-size:16px;height:32px;outline:none;padding:0 3px;width:100%}body #formLogin .inputItem i{color:silver}body #formLogin .inputItem i.key{cursor:pointer;transition:all .3s}body #formLogin .inputItem i.key:hover{color:red}body #formLogin button{background-color:#ff4500;border:none;color:#fff;cursor:pointer;font-size:16px;height:32px;margin-top:5px;text-align:center;transition:all .3s;width:100%}body #formLogin button:hover{background-color:red}body #formLogin button.nutDong{border-radius:10px;margin-top:20px}body #formLogin.trans0{top:20%;transform:translate(-50%,-50%);transition:all .3s}body #formLogin.liXiTrans0{top:36%;transform:translate(-50%,-50%);transition:all .3s}body #formLogin .contentLiXi{border:2px solid red;border-radius:10px;padding:10px}body #formLogin .contentLiXi img{border-radius:50%;height:75px;left:10px;position:absolute;top:10px;width:75px}body #formLogin .contentLiXi .qrCode{border-radius:50%;height:80px;left:7px;position:absolute;top:75px;width:80px}body #formLogin .contentLiXi .qrCode .ant-qrcode{border:none}body #formLogin .contentLiXi h5{color:red;font-family:Lobster,sans-serif;font-size:28px;font-weight:100;margin-bottom:10px;text-align:right}body #formLogin .contentLiXi h3{color:#4169e1;font-family:Lobster,sans-serif;font-size:22px;font-weight:100;margin-left:64px}body #formLogin .contentLiXi h2{color:#4169e1;font-family:Lobster,sans-serif;font-size:42px;font-weight:100;margin:5px auto 0 64px}body #formLogin .contentLiXi h4{color:red;font-size:20px;margin:5px auto}body #formLogin .contentLiXi h4 p{color:red;font-family:Lobster,sans-serif;font-weight:100;line-height:30px}body #formLogin .contentLiXi h4 p span{color:red;font-family:Lobster,sans-serif;font-weight:100;text-transform:capitalize}body #formLogin .contentLiXi p{color:silver;margin:10px auto 0}body .custom-tooltip .ant-tooltip-arrow{border-color:#ff4500}body .backToTop{bottom:87px;position:fixed;right:20px}body .backToTop button{background-color:#f40c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:40px;width:40px}body .backToTop button i{animation:fadeInUp 1s ease-in-out infinite}body .zaloChat{bottom:40px;position:fixed;right:20px}body .zaloChat button{animation:zaloChatAnimation 2s infinite;background-color:rgba(1,91,209,.761);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:40px;transition:all .3s;width:40px}body .flip-container{cursor:pointer;margin-left:50px;perspective:1000px}body .flip-container .flip-card{animation:flipAnimation 9s linear infinite;transform-style:preserve-3d;width:80px}body .flip-container .flip-card .flip-card-inner{height:100%;transform-style:preserve-3d;width:100%}body .flip-container .flip-card .flip-card-inner .flip-card-back,body .flip-container .flip-card .flip-card-inner .flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}body .flip-container .flip-card .flip-card-inner .flip-card-back,body .flip-container .flip-card .flip-card-inner .flip-card-front{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:600;justify-content:center}body .flip-container .flip-card .flip-card-inner .flip-card-back{transform:rotateY(180deg)}body .liXi{background-color:#f5f5f5;min-height:100vh;padding:0 20px 20px;text-align:center;z-index:100}body .liXi .topTitle{background-position:50%;background-repeat:no-repeat;background-size:contain;height:150px;margin:-10px auto 0;position:relative;width:400px}body .liXi .topTitle h3{bottom:0;color:red;font-family:Lobster,sans-serif;font-size:30px;font-weight:300;position:absolute;width:100%}body .liXi button.back{background-color:#ff4500;border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;position:absolute;right:10px;top:10px;transition:all .3s;width:30px}body .liXi button.back:hover{background-color:red}body .liXi .container{margin:0 auto;width:1140px}body .liXi .container .content h3.loiChucNamMoi{animation:blink 5s infinite;color:red;font-family:Lobster,sans-serif;font-size:22px;font-weight:300;margin:10px auto 20px}body .liXi .container .content form{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:10px auto;padding:10px;width:100%}body .liXi .container .content form .inputItem{align-items:center;border-bottom:1px solid silver;display:flex;justify-content:space-between;margin:5px 0}body .liXi .container .content form .inputItem i{text-align:center;width:20px}body .liXi .container .content form .inputItem input{border:none;font-size:16px;height:34px;outline:none;padding:0 0 0 10px;width:100%}body .liXi .container .content form .inputItem select{border:none;font-size:16px;height:32px;outline:none;padding:0 0 0 7px;width:100%}body .liXi .container .content form .inputItem select option{height:90px}body .liXi .container .content form button{background-color:#ff4500;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:36px;margin:10px auto;transition:all .3s;width:100%}body .liXi .container .content form button:hover{background-color:red}body .liXi .container .content .audio{margin:0 auto;width:300px}body .liXi .container .content .listBaoLiXi{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:0 auto 30px;width:100%}body .liXi .container .content .listBaoLiXi .baoItem{height:260px;margin-top:40px;padding:10px;position:relative;width:180px}body .liXi .container .content .listBaoLiXi .baoItem:hover{height:260px}body .liXi .container .content .listBaoLiXi .baoItem:hover .baoContent{transform:translateY(-31px)}body .liXi .container .content .listBaoLiXi .baoItem:hover .baoContent .hinhAnh img{height:140px;width:140px}body .liXi .container .content .listBaoLiXi .baoItem .baoContent{background-color:#ff4500;border-radius:10px 10px 0 0;bottom:0;color:#fff;left:0;padding:20px 10px;position:absolute;right:0;text-align:center;top:0;transition:all .3s;z-index:102}body .liXi .container .content .listBaoLiXi .baoItem .baoContent p{font-family:Lobster,sans-serif;font-size:18px;height:40px;width:100%}body .liXi .container .content .listBaoLiXi .baoItem .baoContent .hinhAnh{align-items:center;display:flex;height:140px;justify-content:center;margin:20px auto 0;text-align:center;width:140px}body .liXi .container .content .listBaoLiXi .baoItem .baoContent .hinhAnh img{border-radius:50%;height:120px;transition:all .3s;width:120px}body .liXi .container .content .listBaoLiXi .baoItem .baoContent .hinhAnh img.latNguoc{transform:scaleX(-1)}body .liXi .container .content .listBaoLiXi .baoItem .baoContent h3{bottom:10px;color:#fff;font-family:Lobster,sans-serif;font-size:28px;left:0;position:absolute;right:0;text-align:center}body .liXi .container .content .listBaoLiXi .baoItem button{background-color:#ff4500;border:none;border-radius:20px;bottom:0;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:30px;left:0;position:absolute;transition:all .3s;width:100%;z-index:101}body .liXi .container .content .listBaoLiXi .baoItem button:hover{background-color:red}body .liXi .container .content .footer{background-color:#d8d8d8;margin:20px auto 10px;padding:5px}body .liXi .container .content .footer span{color:#fafafa}body .liXi .danhSach{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:10px auto;padding:10px;width:100%}body .liXi .danhSach table{border:none;border-collapse:collapse;margin:10px auto 20px;width:100%}body .liXi .danhSach table thead tr{font-weight:500}body .liXi .danhSach table thead tr td{background-color:#ff4500;color:#fff;padding:10px 5px;text-align:left}body .liXi .danhSach table thead tr td.ngayThang{width:100px}body .liXi .danhSach table thead tr td.baoLiXi{align-items:center;display:flex;gap:10px;justify-content:flex-end;text-align:right}body .liXi .danhSach table thead tr td.baoLiXi .sort{margin-top:-5px}body .liXi .danhSach table thead tr td.baoLiXi .sort i{cursor:pointer;display:block;height:10px}body .liXi .danhSach table thead tr td.preview{width:30px}body .liXi .danhSach table tbody tr{cursor:pointer;transition:all .3s}body .liXi .danhSach table tbody tr:nth-child(2n){background-color:#f0f0f099}body .liXi .danhSach table tbody tr:hover{background-color:#e6e6e6}body .liXi .danhSach table tbody tr td{padding:10px 5px;text-align:left}body .liXi .danhSach table tbody tr td.ngayThang{width:100px}body .liXi .danhSach table tbody tr td.hoVaTen{text-transform:capitalize}body .liXi .danhSach table tbody tr td.baoLiXi{text-align:right;width:80px}body .liXi .danhSach table tbody tr td.preview{color:silver;cursor:pointer;transition:all .3s;width:30px}body .liXi .danhSach table tbody tr td.preview:hover{color:#ff4500}body .liXi .danhSach table tfoot{font-weight:600}body .liXi .danhSach table tfoot tr{border-top:1px solid silver}body .liXi .danhSach table tfoot tr td{padding:10px 5px;text-align:left}body .liXi .danhSach table tfoot tr td.baoLiXi{text-align:right}body.dark{background-color:#373737}body.dark #MyCv header{background-color:#323232}body.dark #MyCv header div.content h3{color:#bebebe}body.dark #MyCv header div.content button{background-color:#373737;border:1px solid silver;color:#b5b5b5}body.dark #MyCv header div.content button i{color:#828282}body.dark #MyCv header p{color:#e1e1e1}body.dark #MyCv main:hover{border-left:3px solid #2d2d2d}body.dark #MyCv main .info .text .textFlex h4,body.dark #MyCv main .info .text .textFlex p,body.dark #MyCv main .title h2{color:#e1e1e1}body.dark #MyCv main .info .text .textFlex h4 a{color:#e1e1e1;text-decoration:none}body.dark #MyCv main .info .text .textFlex h4 a:hover{color:#4169e1}body.dark #MyCv main .info p,body.dark #MyCv main h3,body.dark #MyCv main ul .skills .text .textFlex h4,body.dark #MyCv main ul .skills .text .textFlex p,body.dark #MyCv main ul li{color:#e1e1e1}body.dark #MyCv main ul .skills .text .textFlex h4 a{color:#e1e1e1;text-decoration:none}body.dark #MyCv main ul .skills .text .textFlex h4 a:hover{color:#4169e1}body.dark #MyCv main ul .skills p{color:#e1e1e1}body.dark .custom-tooltip .ant-tooltip-arrow{border-color:silver}body.dark .flip-container{perspective:1000px}body.dark .flip-container .flip-card .flip-card-inner .flip-card-back,body.dark .flip-container .flip-card .flip-card-inner .flip-card-front{color:#bebebe}@media screen and (max-width:786px){body #MyCv{margin:0 auto}body #MyCv header div.content{margin:0 auto;padding:6px 10px;width:100%}body #MyCv header div.content div{align-items:center;display:flex;gap:6px}body #MyCv header div.content div button{background-color:#fff;border:none;border-radius:6px;color:#ff4500;cursor:pointer;font-weight:600;height:30px;padding:3px 5px;width:30px}body #MyCv header div.content div button i{color:#ff4500;cursor:pointer;font-weight:600;transform:rotate(-120deg);transition:all .3s}body #MyCv main{border-left:3px solid #0000;box-shadow:0 4px 12px #0000001a;margin:20px auto;padding:20px 10px;transition:all .5s;width:calc(100% - 20px)}body #MyCv main:hover{border-left:3px solid #ff4500}body #MyCv main .title h2{color:#ff4500;font-size:22px}body #MyCv main .info{display:flex;flex-wrap:wrap;gap:10px;margin:20px auto;width:100%}body #MyCv main .info .photo{border-radius:8px;display:flex;flex-wrap:wrap;height:200px;width:100%}body #MyCv main .info .photo img{border-radius:8px;height:200px;width:200px}body #MyCv main .info .photo .qrCode{display:none}body #MyCv main .info .text{font-size:20px;width:100%}body #MyCv main .info .text .textFlex{display:flex;gap:0;margin-bottom:5px;margin-top:5px}body #MyCv main .info .text .textFlex p.info{margin:0;width:30px}body #MyCv main .info .text .textFlex p.info i{font-size:18px}body #MyCv main .info .text .textFlex h4{font-weight:400;width:100%}body #MyCv main .info .text .textFlex h4 a{color:#000;text-decoration:none}body #MyCv main .info p{font-size:18px;line-height:1.8}body #MyCv main h3{border-top:1px solid silver;font-size:24px;padding-top:5px;width:100%}body #MyCv main ul{margin-left:18px}body #MyCv footer{width:100%}body .backToTop{bottom:87px;right:15px}body .zaloChat{bottom:40px;right:15px}body .liXi{padding:20px 10px}body .liXi .container{width:100%}body .liXi .container .listBaoLiXi{width:370px!important}body .liXi .danhSach table td.loiChuc{display:none}body.dark{background-color:#373737}body.dark #app header{background-color:#323232}body.dark #app header div button{background-color:#373737;border:1px solid silver;color:silver}body.dark #app header div button i,body.dark #app header p{color:silver}body.dark #app main:hover{border-left:3px solid #2d2d2d}body.dark #app main .title h2{color:#f0f0f0}body.dark #app main .info .text .textFlex h4,body.dark #app main .info .text .textFlex p{color:silver}body.dark #app main .info .text .textFlex h4 a{color:silver;text-decoration:none}body.dark #app main .info p,body.dark #app main h3,body.dark #app main ul .skills .text .textFlex h4,body.dark #app main ul .skills .text .textFlex p,body.dark #app main ul li{color:silver}body.dark #app main ul .skills .text .textFlex h4 a{color:silver;text-decoration:none}body.dark #app main ul .skills p{color:silver}}@keyframes zaloChatAnimation{0%{background-color:rgba(1,91,209,.839);transform:scale(1)}50%{background-color:#f40c;transform:scale(1.2)}to{background-color:rgba(1,91,209,.839);transform:scale(1)}}@keyframes flipAnimation{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes fadeInUp{0%{opacity:.5;transform:translateY(5px)}50%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(-5px)}}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes blink{0%{color:red;opacity:1}50%{color:#ff4500;opacity:.5}to{color:red;opacity:1}}@media print{body{margin:0 5px}body,body #MyCv,body #MyCv main{background-color:#fff!important}body #MyCv main{border-bottom:1px solid silver;box-shadow:none;width:99%}body #MyCv main h2{font-size:34px!important}body #MyCv main h4,body #MyCv main p{font-size:24px!important}body #MyCv footer span b.luotTruyCap{display:none!important}body.dark *{color:#000!important}.backToTop,.zaloChat,header{display:none}}
/*# sourceMappingURL=main.f00cdb7d.css.map*/