@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap);header{background-color:#192655;box-shadow:0 1px 1px #192655;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3000}.nav-bar{font-size:14px;justify-content:space-between;margin-right:40px}.menu,.nav-bar{align-items:center;display:flex}.menu{gap:30px;justify-content:center}.menu .menu-item{padding:20px 0;position:relative}.menu .menu-item .link{cursor:pointer;transition:.5s ease-in-out}.menu .menu-item .link:hover{color:#f60}.menu .menu-item:hover .dropdown{animation-duration:.5s;animation-fill-mode:forwards;animation-name:dropdownt;display:block;height:0;opacity:0}.logo{color:#fff;font-size:1rem;font-weight:300;margin-left:20px}.dropdown{background-color:#192655;border-top:2px solid #f60;box-shadow:0 5px 5px #00000080;display:none;left:0;position:absolute;top:100%;width:180px;z-index:1200}.dropdown .menu-item{padding:10px}.dropdown .menu-item:not(:last-child){border-bottom:1px solid #0e1942}.hamburger{align-items:center;border-radius:50%;display:flex;display:none;flex-direction:column;height:40px;justify-content:center;text-align:center;width:40px}.bar{background-color:#fff;border-radius:2px;box-shadow:5px #00000080;display:block;height:3px;margin-top:4px;width:25px}@keyframes dropdownt{0%{height:0;opacity:0}to{height:90px;opacity:100%}}@media screen and (max-width:768px){header{height:70px;max-width:100%;padding:1rem 10px;position:relative;width:100vw;z-index:1000}.hamburger{cursor:pointer;display:block;position:absolute;right:10px;top:17px}.menu{background-color:#0e1942;flex-direction:column;gap:2%;height:calc(100vh - 70px);justify-content:flex-start;margin-right:0;max-width:100%;top:-1000px;transition:.5s ease-in-out;width:100vw;z-index:-1}.menu,.menu.active{left:0;position:absolute}.menu.active{top:100%}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translatey(-9.5px);transition:.5s}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:first-child{transform:rotate(45deg) translateY(9.5PX);transition:.5s}.dropdown{background-color:inherit;left:10px;top:100%}}.Hero{align-items:center;background-color:#f1eaff;display:flex;height:320px;justify-content:space-around;width:100%}.dev-info{width:300px}.picture:not(.img-pic){animation-duration:2s;animation-fill-mode:forwards;animation-name:border-anim;border:4px solid #f60;border-radius:50%;height:254px;opacity:0;position:relative;width:254px}.picture .img-pic{border-radius:50%;cursor:pointer;height:250px;opacity:1;position:absolute;transition:.5s ease-in-out;width:250px}.picture img:hover{transform:rotate(1turn)}.btn-resume{animation-delay:1s;animation-duration:1s;animation-fill-mode:forwards;animation-name:btn-res;background-color:#f60;border:1px solid;border-radius:10px 3px 10px 3px;border-top:1px solid #fff;box-shadow:5px 3px 5px #00000080;color:#fff;cursor:pointer;padding:8px 6px;position:absolute;top:-200px;transition:.5s ease-in-out}.btn-resume:hover{background-color:#192655;border-radius:3px 10px 3px 10px}.btn-contact{animation-delay:2s;animation-duration:.5s;animation-fill-mode:forwards;animation-name:btn-co;background-color:#192655;border:1px solid;border-radius:10px 3px 10px 3px;border-top:1px solid #fff;box-shadow:5px 3px 5px #00000080;color:#fff;cursor:pointer;left:-200px;padding:8px 6px;position:absolute;transition:.5s ease-in-out}.btn-contact:hover{background-color:#f60;border-radius:3px 10px 3px 10px}@keyframes border-anim{0%{opacity:0}to{opacity:1}}@keyframes btn-res{0%{top:-200px}to{top:280px}}@keyframes btn-co{0%{left:-200px}to{left:320px;top:280px}}@media screen and (max-width:700px){.dev-info{margin-left:10px;width:200px}.picture .img-pic{height:150px;width:150px}.picture:not(.img-pic){height:160px;width:160px}@keyframes btn-co{0%{left:-200px}to{left:140px;top:280px}}}@media screen and (max-width:400px){.dev-info{margin-left:10px;width:200px}.picture .img-pic{height:100px;width:100px}.picture:not(.img-pic){height:110px;width:110px}@keyframes btn-co{0%{left:-200px}to{left:140px;top:300px}}@keyframes btn-res{0%{top:-200px}to{top:300px}}}@media screen and (max-width:300px){.dev-info{font-size:12px;margin-left:2px;width:200px}.picture .img-pic{height:70px;width:70px}.picture:not(.img-pic){height:75px;width:75px}}.testimonial-container{background-color:#f1eaff;display:block;padding-bottom:15px;padding-top:15px}.sec-title{color:#192655;text-align:center}.sec-title h2{position:relative}.sec-title h2:after{background-color:#f60;bottom:-1px;content:"";height:3px;left:45%;position:absolute;text-align:center;width:100px}.testimonials{align-items:center;background-color:#f1eaff;display:flex;height:250px;justify-content:center}.container{background-color:#fff;border:1px solid #f60;border-radius:7px;box-shadow:2px 1px 2px 1px #00000080;height:230px;margin-left:20px;padding:10px 15px;position:relative;width:370px}.rating{color:gold;left:35%;position:absolute;top:5px}.body-text{padding:2px;position:absolute;top:20px}.body-text .comment{font-size:12px;padding-top:7px}.container-image{bottom:5px;display:flex;justify-content:space-between;padding-top:10px;position:absolute;width:90%}.container-image img{border-radius:50%;height:60px;width:60px}.body-text .title,.comment,.link{font-size:12px}.body-text .location{font-size:11px;margin-top:10px}.link a{color:#000}@media screen and (max-width:700px){.testimonials{align-items:flex-start;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-top:10px}}@media screen and (max-width:400px){.testimonials .container{width:90%}}@media screen and (max-width:300px){.testimonials .container{height:245px;margin-left:1px;width:99%}}.profile-container{background-color:#fff;display:block;padding-bottom:15px;padding-top:30px}.profile-title{color:#192655;text-align:center}.profile-title h2{position:relative}.profile-title h2:after{background-color:#f60;bottom:-1px;content:"";height:3px;left:45%;position:absolute;text-align:center;width:100px}.profile-detail{font-size:14px;line-height:25px;margin:10px 20px;text-align:justify}.skill-container{background-color:#fff;width:100%}.skill-title{padding:20px;text-align:center}.skill-title h2{position:relative}.skill-box h3{margin-bottom:10px}.skill-title h2:after{background-color:#f60;bottom:-1px;content:"";height:3px;left:48%;position:absolute;text-align:center;width:35px}.box-container{display:flex;justify-content:space-between;margin-left:20px;margin-right:20px}.skill-bar,.skill-type span{margin-top:3px}.skill-bar{background-color:#0000001a;border-radius:5px;height:8px}.skill-box{padding-bottom:15px;width:30%}.skillper{animation:progress 1s ease forwards;background-color:#f60;border-radius:5px;display:block;height:100%;opacity:0;position:relative;width:95%}.skillper.css{animation-delay:.1s;width:91%}.skillper.js{animation-delay:.2s;width:93%}.skillper.jsx{animation-delay:.3s;width:90%}.skillper.react{animation-delay:.4s;width:85%}.skillper.redux{animation-delay:.5s;width:88%}.skillper.jquery{animation-delay:.6s;width:15%}.skillper.node{animation-delay:.1s;width:80%}.skillper.php{animation-delay:.2s;width:70%}.skillper.java{animation-delay:.3s;width:40%}.skillper.python{animation-delay:.4s;width:30%}.skillper.sql{animation-delay:.5s;width:90%}.skillper.mongo{animation-delay:.6s;width:75%}.skillper.ps{animation-delay:.1s;width:90%}.skillper.tw{animation-delay:.2s;width:96%}.skillper.communication{animation-delay:.3s;width:94%}.skillper.pm{animation-delay:.6s;width:80%}@keyframes progress{0%{opacity:0;width:0}to{opacity:1}}@media screen and (max-width:400px){.skill-type span{font-size:13px}}@media screen and (max-width:300px){.box-container{flex-direction:column}.skill-box{width:80%}}.port-container{background-color:#f1eaff;color:#192655;padding-bottom:15px;padding-top:15px;width:100%}.port-header{text-align:center}.port-header h2{position:relative}.port-header h2:after{background-color:#f60;bottom:-1px;content:"";height:3px;left:48%;position:absolute;text-align:center;width:45px}.card-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-left:20px}.card{background-color:#fff;border-radius:10px;box-shadow:2px 2px 2px 1px #00000080;height:310px;line-height:20px;margin-left:50px;margin-top:20px;position:relative;width:500px}.card .card-header{background-color:#0766ad;color:#fff;font-size:13px;font-weight:300;height:48px;padding-top:10px;position:absolute;text-align:center;width:100%}.card .card-footer{bottom:10px;left:20px;position:absolute}.card .card-body{color:#000;font-size:12px;left:10px;position:absolute;top:50px}.card-body .title{font-size:12px;font-weight:700;margin-top:10px}.card-body p{font-size:11px;padding-right:10px;padding-top:4px;text-align:justify}.view-detail{background-color:green;border:1px solid #fff;border-radius:5px;box-shadow:2px 2px #0009;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-right:5px;margin-top:10px;padding:6px;transition:.5s ease-in-out}.view-detail:hover{background-color:#192655;color:#fff}.btn-primary{background-color:crimson;border:1px solid #fff;border-radius:5px;box-shadow:2px 2px #0009;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-right:5px;margin-top:10px;padding:6px;transition:.5s ease-in-out}.btn-primary:hover{background-color:#f60;color:#fff;color:#000}.video-container{display:none;left:20px;position:fixed;top:20vh;z-index:2000}.video-container.active{display:block}.video-cont{background-color:#000;border-radius:5px;box-shadow:3px #00000080;height:500px;position:relative;width:600px}.video-container video{position:absolute;top:60px;width:100%}.video-container .close{background-color:#fff;border-radius:50%;color:red;cursor:pointer;font-size:16px;height:22px;position:absolute;right:10px;top:5px;width:22px;z-index:3000}.close i{padding-left:5px}@media screen and (max-width:500px){.card{height:335px;margin-left:0;width:96%}.video-container{display:none;left:20px;position:fixed;top:5vh;z-index:3000}.video-cont{height:40vh;position:relative;width:92vw}.video-container video{position:absolute;top:50px;width:100%}}@media screen and (max-width:300px){.card{height:400px;margin-top:5px;width:100%}.card-container{margin-left:2px}}.contact-container{background-color:#fff;color:#192655;padding-bottom:15px;padding-top:15px;width:100%}.contact-container .header{text-align:center}.header h2{position:relative}.header h2:after{background-color:#f60;bottom:-1px;content:"";height:3px;left:48%;position:absolute;text-align:center;width:45px}.contact-box{align-items:flex-start;display:flex;justify-content:space-between;margin-left:20px;margin-right:40px}.social-container{padding-top:10px}.social-container h5{color:#000;font-size:14px;padding-top:15px}.social i{color:#05054d;cursor:pointer;font-size:18px;margin-top:40px;padding-right:20px;transition:.5s ease-in}.social i:hover{color:#f60;transform:translate(5px,5px)}.success{background-color:#ff8080;border-radius:2px;color:green;height:40px;text-align:center;width:80%}.about,.about2{display:flex;justify-content:space-between;margin-top:10px;width:400px}.about2{margin-right:10px}.phone i{letter-spacing:2px}.about2 i,.phone i{color:#000;font-size:13px;font-style:normal}.form-error{color:red;display:block;font-size:12px}.form-container{padding-top:20px}.form-control{display:block;font-weight:400;margin-top:10px;width:80%}input,textarea{border:2px solid #badef5;border-radius:5px;padding:5px}input:focus,textarea:focus{border:2px solid green;outline:none}form{width:600px}.btn-send{background-color:crimson;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 20px}@media screen and (max-width:700px){.contact-container{overflow:hidden;width:100vw}.contact-box{width:80vw}.about,.about2{justify-content:space-between;width:350px}.contact-box{flex-direction:column;width:100vw}form{margin-top:10px;width:350px}.form-control{display:block;width:100%}}@media screen and (max-width:400px){.about2,.social-container .about{width:85vw}.form-container form{width:90vw}.form-control{width:100%}}.footer{background-color:#192655;height:250px;position:relative;width:100%}.footer-container{color:#fff;display:flex;flex-wrap:nowrap;justify-content:space-around;width:90%}.copyright{bottom:10px;color:#c2bcbc;font-size:12px;left:40%;position:absolute}.footer .title{color:#fff;display:block;font-size:15px;margin-top:20px;position:relative}.footer .title:after{background-color:#f60;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:20px}.footer .about{display:flex;flex-direction:column;justify-content:flex-start}.footer .detail{font-size:12px;text-align:justify}.footer .detail,.footer .link-items{padding-top:15px}.footer .link-items a{display:block;font-size:12px;padding:5px 0}.social-links{padding-top:15px}.social-links i{color:#fff}@media screen and (max-width:700px){.footer{font-weight:400;height:250px}.links{display:none}.footer-container{flex-direction:column;padding:20px;width:100vw}.copyright{bottom:5px;left:18%}}@media screen and (max-width:400px){.copyright{left:20px}.footer-container .about{width:100%}}@media screen and (max-width:300px){.footer{height:275px}.copyright{left:15px}.footer-container .about{width:100%}}*{box-sizing:border-box;font-family:Poppins;margin:0;padding:0}li{list-style:none}a{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.2fe18a7e.css.map*/