*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:sans-serif}.navbar{justify-content:center;margin:3rem 1rem 1rem}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{background-color:#fff;border-radius:5px;box-shadow:0 5px 40px rgb(0 0 0/5%);font-size:20px;padding:10px}.navbar .icon{color:#333;font-size:30px;margin-right:10px}.navbar .logo{font-size:30px;letter-spacing:1px}.container-home{box-shadow:0 5px 40px rgba(0,0,0,.15);display:flex;flex-direction:row;margin:0 auto;width:92%}.left-bar{background-color:#222;color:#ddd;padding:2rem 15px;width:45%}.left-bar,.left-bar .parent-user{display:flex;flex-direction:column}.left-bar .parent-user{align-items:center;border-bottom:1px dashed #a16c27;margin-bottom:1rem;overflow:hidden;padding-bottom:1rem;width:100%}.left-bar .username{color:#fff;margin-bottom:10px}.left-bar ul{flex-direction:column;justify-content:center;list-style:none}.left-bar ul,.left-bar ul>li{align-items:center;display:flex}.left-bar ul>li{border-left:2px solid transparent;cursor:pointer;height:50px;padding:5px;width:100%}.left-bar li.active{background-color:#111;border-left:2px solid #a16c27;border-radius:0 5px 5px 0;color:#fff;letter-spacing:1px;transition:all .4s ease}.left-bar ul .icon{margin-right:7px}.left-bar .person{color:#7e7885;display:block;font-size:14px;margin:0 10px 10px}.right-bar{background-color:#fff;display:flex;flex-direction:column;padding:1rem;width:60%}.page{transition:all 1s ease-in-out}.page .wrapper{align-items:center;justify-content:center}.page .wrapper,.page form{display:flex;flex-direction:column}.page form{margin:2rem auto;width:90%}.page .item{display:flex;flex-direction:column;margin-bottom:2rem}.page .note{color:#555;margin-bottom:20px}.page .note b{color:red;font-size:19px}.page label{color:#be0f0f;font-size:14px;margin-bottom:7px}.page input{border:2px solid #ddd;border-radius:3px;color:#222;font-size:15px;font-size:16px;margin-bottom:4px;padding:7px}.page form textarea{height:70px;max-height:250px;max-width:100%;padding:5px}.page form .picture{max-width:100%}.page input:focus{box-shadow:0 5px 40px rgb(0 0 0/5%);outline:none}.page .buttons{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.page .buttons button{background-color:transparent;border:none}.page .buttons .submit{background-color:#333;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:3px;padding:6px 20px;transition:all .3s ease-in-out}.page .buttons .submit:hover{letter-spacing:2px}.page .icon{background-color:#333;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;font-size:30px;font-weight:700;padding:5px;transition:all .4s ease}.page .icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.page .error-format{color:#c50a0a;width:90%}.parent{align-items:center;display:flex;height:100vh;justify-content:center;margin:0 auto;width:95%}.resume{background-color:#111;border-radius:10px;box-shadow:0 5px 40px rgba(0,0,0,.6);color:#ddd;display:flex;flex-direction:column;font-size:13px;padding:1rem;width:100%}.resume .wrapper{display:flex;justify-content:space-between;margin:0}.resume.mix{background-color:#661616;color:#ddd}.resume.white{background-color:#f5f5f5;color:#333}.resume .loading{align-items:center;display:flex;font-size:15px;padding:0 1rem;text-align:center}.resume .get-info{background-color:#ddd;border:none;padding:4px 8px}.resume .top-bar-resume .wrapper{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:2rem}.resume .top-bar-resume .info{display:flex;flex-direction:column;justify-content:center}.resume .top-bar-resume .image{margin:10px 20px}.resume .top-bar-resume .image img{border:2px solid #fff;border-radius:50%;height:100px;object-fit:cover;width:100px}.resume .top-bar-resume .fullName{font-size:19px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.resume .top-bar-resume .jobTitle{margin-bottom:6px;text-transform:capitalize}.resume .left-bar-resume{border-right:1px solid #ddd;display:flex;flex-direction:column;width:30%}.resume .skills{display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem}.resume .skills h3{margin-bottom:10px}.resume .skills .skill{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}.resume .skills .skill .exp,.resume .skills .skill .text{text-transform:capitalize}.resume .location{margin-bottom:1rem}.resume .location h3{margin-bottom:7px;text-transform:capitalize}.resume .location .residential{display:flex;flex-direction:column}.resume .contact-me .contact span,.resume .location .residential span{margin-bottom:5px;text-transform:capitalize}.resume .contact-me h3{margin-bottom:7px}.resume .contact-me .contact,.right-bar-resume{display:flex;flex-direction:column}.right-bar-resume{justify-content:space-evenly;position:relative;width:68%}.right-bar-resume .item{margin:0 2rem 3rem}.right-bar-resume .item h3{margin-bottom:7px}.right-bar-resume .colors{bottom:10px;display:flex;position:absolute;right:10px}.right-bar-resume .color{border-radius:50%;cursor:pointer;height:30px;width:30px}.right-bar-resume .white{background-color:#fff;margin-left:10px}.right-bar-resume .mix{background-color:#661616}.right-bar-resume .balck{background-color:#000;margin-left:10px}.login{align-items:center;background-color:#f1f5f8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpath fill='%23444' d='M90 150 0 300h180z'/%3E%3Cpath d='M90 150 180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150 360 0H180z'/%3E%3Cpath fill='%23DDD' d='m450 150-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150 540 0H360z'/%3E%3Cpath d='m630 150-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150 720 0H540z'/%3E%3Cpath fill='%23444' d='m810 150-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150 900 0H720z'/%3E%3Cpath fill='%23DDD' d='m990 150-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 150 90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450 0 600h180z'/%3E%3Cpath d='m90 450 90-150H0z'/%3E%3Cpath fill='%23666' d='m270 450-90 150h180z'/%3E%3Cpath fill='%23AAA' d='m270 450 90-150H180z'/%3E%3Cpath fill='%23DDD' d='m450 450-90 150h180z'/%3E%3Cpath fill='%23999' d='m450 450 90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m630 450 90-150H540z'/%3E%3Cpath d='m810 450-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m810 450 90-150H720z'/%3E%3Cpath fill='%23AAA' d='m990 450-90 150h180z'/%3E%3Cpath fill='%23444' d='m990 450 90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750 0 900h180z'/%3E%3Cpath d='m270 750-90 150h180z'/%3E%3Cpath fill='%23DDD' d='m270 750 90-150H180z'/%3E%3Cpath d='m450 750 90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='m630 750 90-150H540z'/%3E%3Cpath fill='%23AAA' d='m810 750-90 150h180z'/%3E%3Cpath fill='%23666' d='m810 750 90-150H720z'/%3E%3Cpath fill='%23999' d='m990 750-90 150h180zM180 0 90 150h180z'/%3E%3Cpath fill='%23444' d='m360 0-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m540 0-90 150h180z'/%3E%3Cpath d='m900 0-90 150h180z'/%3E%3Cpath fill='%23222' d='m0 300-90 150H90z'/%3E%3Cpath fill='%23FFF' d='m0 300 90-150H-90zM180 300 90 450h180z'/%3E%3Cpath fill='%23666' d='m180 300 90-150H90z'/%3E%3Cpath fill='%23222' d='m360 300-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m360 300 90-150H270z'/%3E%3Cpath fill='%23444' d='m540 300-90 150h180z'/%3E%3Cpath fill='%23222' d='m540 300 90-150H450z'/%3E%3Cpath fill='%23AAA' d='m720 300-90 150h180z'/%3E%3Cpath fill='%23666' d='m720 300 90-150H630z'/%3E%3Cpath fill='%23FFF' d='m900 300-90 150h180z'/%3E%3Cpath fill='%23999' d='m900 300 90-150H810z'/%3E%3Cpath d='m0 600-90 150H90z'/%3E%3Cpath fill='%23666' d='m0 600 90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600 90 750h180z'/%3E%3Cpath fill='%23444' d='m180 600 90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='m360 600 90-150H270z'/%3E%3Cpath fill='%23666' d='m540 600 90-150H450z'/%3E%3Cpath fill='%23222' d='m720 600-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m900 600-90 150h180z'/%3E%3Cpath fill='%23222' d='m900 600 90-150H810z'/%3E%3Cpath fill='%23DDD' d='m0 900 90-150H-90z'/%3E%3Cpath fill='%23444' d='m180 900 90-150H90z'/%3E%3Cpath fill='%23FFF' d='m360 900 90-150H270z'/%3E%3Cpath fill='%23AAA' d='m540 900 90-150H450z'/%3E%3Cpath fill='%23FFF' d='m720 900 90-150H630z'/%3E%3Cpath fill='%23222' d='m900 900 90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='m1080 300 90-150H990z'/%3E%3Cpath d='m1080 600-90 150h180z'/%3E%3Cpath fill='%23666' d='m1080 600 90-150H990z'/%3E%3Cpath fill='%23DDD' d='m1080 900 90-150H990z'/%3E%3C/g%3E%3C/svg%3E");display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.login input{border:2px solid teal;border-radius:4px;margin-bottom:10px;padding:7px}.login input:focus{outline:none}.login input{width:200px}.login button{background-color:teal;border:1px solid teal;border-radius:4px;color:#fff;cursor:pointer;padding:6px 0;transition:all .5s ease;width:150px}.login button:hover{background-color:transparent;color:#000}.page-not-found{margin-top:3rem;text-align:center;text-transform:capitalize}@media (max-width:500px){.left-bar,.page .buttons .submit,.page input,.page label,.resume .left-bar-resume,.right-bar{font-size:13px}.left-bar .username{font-size:11px}.left-bar li.active{letter-spacing:0}.navbar .logo{font-size:18px}.resume .left-bar-resume{padding-right:10px;width:34%}.left-bar-resume .exp-word{display:none}}@media (min-width:1000px){.right-bar{padding:0;width:65%}.container-home{width:50%}.left-bar{width:35%}.parent{height:100vh;margin:0 auto;width:70%}.resume{font-size:16px;padding:2rem}.left-bar-resume{width:40%}.right-bar-resume{margin:0 auto;width:60%}}
/*# sourceMappingURL=main.27919222.css.map*/