.sidebar[data-v-f6ba2faa]{width:100%;height:70px;position:fixed;z-index:100}.sidebar .container[data-v-f6ba2faa]{display:flex;justify-content:space-between;align-items:center;height:100%}.sidebar .container .logo[data-v-f6ba2faa]{text-transform:capitalize;text-align:center;font-size:22px;font-weight:600}.sidebar .container .logo a[data-v-f6ba2faa]:hover{color:inherit}.sidebar .container .logo[data-v-f6ba2faa]:first-letter{font-family:Water Brush,cursive;color:var(--main-color);font-style:italic!important;font-size:25px;margin-right:5px}.sidebar .container ul[data-v-f6ba2faa]{display:flex;justify-content:space-between;width:500px}@media(max-width:768px){.sidebar .container ul[data-v-f6ba2faa]{width:275px}}.sidebar .container ul li a[data-v-f6ba2faa]{color:var(--main-color);font-size:18px;text-align:center;display:block;padding:10px;transition:all .3s ease-in-out;text-transform:capitalize}@media(max-width:768px){.sidebar .container ul li a[data-v-f6ba2faa]{font-size:13px;padding:7px}}.sidebar .container ul li a .icon[data-v-f6ba2faa]{margin-right:8px}.sidebar .container ul li a.active[data-v-f6ba2faa],.sidebar .container ul li a[data-v-f6ba2faa]:hover{background-color:var(--main-color);border-radius:100px;color:#fff}.home[data-v-419fdaec]{width:100%;min-height:100vh;display:flex;justify-content:space-between;align-items:center;padding:20px 30px}@media(max-width:1160px){.home[data-v-419fdaec]{flex-direction:column}}.home .intro[data-v-419fdaec]{width:65%}@media(max-width:1160px){.home .intro[data-v-419fdaec]{width:100%;margin-top:100px}}.home .intro h3[data-v-419fdaec]{font-weight:700}.home .intro h3 span[data-v-419fdaec]{color:var(--main-color)}.home .intro .name span[data-v-419fdaec]{font-family:Water Brush,cursive!important}.home .intro .work[data-v-419fdaec]{display:flex;align-items:center}.home .intro .work span[data-v-419fdaec]{margin-left:5px}.home .intro .work .curoser[data-v-419fdaec]{width:4px;height:36px;margin-left:20px;background-color:var(--main-color);-webkit-animation:cursorBlink-419fdaec .4s linear infinite;animation:cursorBlink-419fdaec .4s linear infinite}@-webkit-keyframes cursorBlink-419fdaec{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes cursorBlink-419fdaec{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.home .intro .work .curoser.typing[data-v-419fdaec]{-webkit-animation:none!important;animation:none!important}.home .intro p[data-v-419fdaec]{font-size:17px;margin-top:20px;line-height:2}.home .intro p span[data-v-419fdaec]{margin:5px}.home .intro p span a[data-v-419fdaec]{text-decoration:none;color:#fff}.home .intro .btn[data-v-419fdaec]{background-color:var(--main-color);color:#fff;border-radius:100px;transition:.2s}.home .intro .btn[data-v-419fdaec]:hover{transform:scale(1.05)}.home .image[data-v-419fdaec]{display:flex;justify-content:center;padding:10px;border-top:5px solid var(--main-color);border-left:5px solid var(--main-color);border-radius:300px;overflow:hidden;transition:all .3s ease-in-out}@media(max-width:1160px){.home .image[data-v-419fdaec]{width:90%;margin-top:50px}}@-webkit-keyframes rotate-border1-419fdaec{0%{transform:rotate(0)}0%{transform:rotate(1turn)}}@keyframes rotate-border1-419fdaec{0%{transform:rotate(0)}0%{transform:rotate(1turn)}}.home .image .image-cont[data-v-419fdaec]{border-radius:300px;border-bottom:5px solid var(--primary-color);border-right:5px solid var(--primary-color);padding:10px;width:100%}.home .image .image-cont img[data-v-419fdaec]{border-radius:300px;transition:all .3s linear;width:100%}.home .image .image-cont img[data-v-419fdaec]:hover{transform:rotate(1turn) scale(1.1)}.style[data-v-55ea8c17]{width:220px;height:100px;position:fixed;right:10px;top:100px;border-radius:5px;transition:all .3s ease-in-out;z-index:99}.style .icons[data-v-55ea8c17]{height:100%;position:absolute;left:-45px;display:flex;flex-direction:column;justify-content:space-around;color:#fff;font-size:17px}.style .icons div[data-v-55ea8c17]{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.style .colors[data-v-55ea8c17]{width:100%;height:100%}.style .colors ul[data-v-55ea8c17]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center}.style .colors ul li[data-v-55ea8c17]{width:25px;height:25px;border-radius:50%;cursor:pointer}.about[data-v-c8d51646]{padding:30px 0}.about .title[data-v-c8d51646]{text-align:left;padding-left:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700;font-size:50px;color:#8d8d8d}.about .title span[data-v-c8d51646]{display:block;background:var(--main-color);height:4px;margin-bottom:7px}.about .title .one[data-v-c8d51646]{width:80%;margin-top:7px}.about .title .tow[data-v-c8d51646]{width:60%}.about .container[data-v-c8d51646]{padding-top:30px;padding-bottom:30px}.about .container .edu-exp[data-v-c8d51646],.about .container .info-skills[data-v-c8d51646]{display:flex;justify-content:space-between;margin-top:30px;flex-wrap:wrap}.about .container .edu-exp .education[data-v-c8d51646],.about .container .edu-exp .experience[data-v-c8d51646],.about .container .edu-exp .info[data-v-c8d51646],.about .container .edu-exp .skills[data-v-c8d51646],.about .container .info-skills .education[data-v-c8d51646],.about .container .info-skills .experience[data-v-c8d51646],.about .container .info-skills .info[data-v-c8d51646],.about .container .info-skills .skills[data-v-c8d51646]{padding:20px 10px;width:48.5%;border-radius:5px;position:relative}.about .container .edu-exp .education .sec-title[data-v-c8d51646],.about .container .edu-exp .experience .sec-title[data-v-c8d51646],.about .container .edu-exp .info .sec-title[data-v-c8d51646],.about .container .edu-exp .skills .sec-title[data-v-c8d51646],.about .container .info-skills .education .sec-title[data-v-c8d51646],.about .container .info-skills .experience .sec-title[data-v-c8d51646],.about .container .info-skills .info .sec-title[data-v-c8d51646],.about .container .info-skills .skills .sec-title[data-v-c8d51646]{position:absolute;top:-32px;left:10px;font-size:20px;font-weight:500;text-transform:capitalize;margin:0;padding:0}.about .container .info-skills .info[data-v-c8d51646]{display:flex;flex-wrap:wrap;justify-content:space-between}@media(max-width:992px){.about .container .info-skills .info[data-v-c8d51646]{width:100%;margin-bottom:50px}}.about .container .info-skills .info div[data-v-c8d51646]{border-bottom:1px solid #5a5a5a;border-radius:0;margin-bottom:15px;font-size:16px;width:48%;padding:15px 0;text-transform:capitalize}.about .container .info-skills .info div span[data-v-c8d51646]{color:var(--main-color);font-size:14px}.about .container .info-skills .info .cv[data-v-c8d51646]{border:none;padding:5px;outline:none}.about .container .info-skills .info .cv a[data-v-c8d51646]{display:block;color:#fff;text-transform:capitalize;height:100%;outline:none;background-color:var(--main-color);border-radius:100px;border:none}.about .container .info-skills .skills[data-v-c8d51646]{display:flex;flex-wrap:wrap}@media(max-width:992px){.about .container .info-skills .skills[data-v-c8d51646]{width:100%}}.about .container .info-skills .skills .soft-skills[data-v-c8d51646]{width:100%;padding:4px;text-align:center;background-color:var(--primary-color);margin:15px 0 20px 0;border-radius:100px;font-size:2rem}.about .container .info-skills .skills .skill[data-v-c8d51646]{padding:10px 20px;background-color:var(--main-color);border-radius:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 5px;margin-bottom:10px;transition:all .3s ease-in-out}.about .container .info-skills .skills .skill[data-v-c8d51646]:hover{transform:scale(1.1)}@media(max-width:992px){.about .container .info-skills .skills .skill[data-v-c8d51646]{margin-bottom:20px}}.about .container .edu-exp[data-v-c8d51646]{margin-top:80px}.about .container .edu-exp .education[data-v-c8d51646]{padding:15px}@media(max-width:992px){.about .container .edu-exp .education[data-v-c8d51646]{width:100%;margin-bottom:50px}}.about .container .edu-exp .education .edu-cont[data-v-c8d51646]{border-left:2px solid var(--main-color);width:100%;height:100%;padding:0 15px}.about .container .edu-exp .education .edu-cont .degree[data-v-c8d51646]{position:relative;margin-bottom:30px}.about .container .edu-exp .education .edu-cont .degree[data-v-c8d51646]:before{content:"";width:20px;height:20px;border-radius:50%;background-color:var(--main-color);position:absolute;top:0;left:-25px}.about .container .edu-exp .education .edu-cont .degree .date[data-v-c8d51646]{font-size:15px;color:var(--main-color)}.about .container .edu-exp .education .edu-cont .degree .degree-title[data-v-c8d51646]{font-size:20px;padding-top:10px}.about .container .edu-exp .experience[data-v-c8d51646]{padding:15px}@media(max-width:992px){.about .container .edu-exp .experience[data-v-c8d51646]{width:100%}}.about .container .edu-exp .experience .exp-cont[data-v-c8d51646]{padding:0 15px;border-left:2px solid var(--main-color);width:100%;height:100%}.about .container .edu-exp .experience .exp-cont .exp[data-v-c8d51646]{position:relative;width:100%;margin-bottom:30px}.about .container .edu-exp .experience .exp-cont .exp[data-v-c8d51646]:before{content:"";width:20px;height:20px;border-radius:50%;background-color:var(--main-color);position:absolute;top:0;left:-25px}.about .container .edu-exp .experience .exp-cont .exp .date[data-v-c8d51646]{font-size:15px;color:var(--main-color)}.about .container .edu-exp .experience .exp-cont .exp .company-name[data-v-c8d51646]{font-size:20px;padding-top:10px}.project[data-v-7de107ed]{width:100%;min-height:300px;border-radius:10px;padding:10px;overflow:hidden}.project img[data-v-7de107ed]{width:100%;height:300px;border-radius:10px;filter:grayscale(.4);transition:all .3s ease-in-out;cursor:pointer}.project img[data-v-7de107ed]:hover{filter:grayscale(0);transform:scale(1.1)}.project .descreption[data-v-7de107ed]{width:100%;padding:25px 10px;border-radius:10px;z-index:99!important}.project .descreption .project-name[data-v-7de107ed]{text-align:center;font-size:22px;font-weight:700;color:var(--main-color)}.project .descreption .technologies[data-v-7de107ed]{display:flex;flex-wrap:wrap;margin-top:30px}.project .descreption .technologies .techno[data-v-7de107ed]{padding:5px 10px;background-color:var(--main-color);border-radius:50px;margin:8px;font-size:14px}.project .descreption .link[data-v-7de107ed]{display:block;width:100%;margin-top:20px;padding:5px;background-color:var(--main-color);text-align:center;border-radius:50px;color:#fff;font-size:1rem;text-transform:capitalize}.projects[data-v-1b3e229e]{padding:30px 0}.projects .title[data-v-1b3e229e]{text-align:left;padding-left:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700;font-size:50px;color:#8d8d8d}.projects .title span[data-v-1b3e229e]{display:block;background:var(--main-color);height:4px;margin-bottom:7px}.projects .title .one[data-v-1b3e229e]{width:80%;margin-top:7px}.projects .title .tow[data-v-1b3e229e]{width:60%}.projects .container[data-v-1b3e229e]{padding-top:40px;padding-bottom:40px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.projects .container .project[data-v-1b3e229e]{z-index:50}.contact[data-v-4a320f63]{padding:30px 0}.contact .title[data-v-4a320f63]{text-align:left;padding-left:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700;font-size:50px;color:#8d8d8d}.contact .title span[data-v-4a320f63]{display:block;background:var(--main-color);height:4px;margin-bottom:7px}.contact .title .one[data-v-4a320f63]{width:80%;margin-top:7px}.contact .title .tow[data-v-4a320f63]{width:60%}.contact .container[data-v-4a320f63]{display:grid;place-items:center;position:relative;padding-top:30px;padding-bottom:30px}.contact .container .btn[data-v-4a320f63]{position:absolute;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);z-index:98;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:25px;background-color:var(--main-color)}.contact .container .btn:hover .container .contact-cont[data-v-4a320f63]{transform:rotate(1turn)}.contact .container .contact-cont[data-v-4a320f63]{width:350px;height:350px;padding:20px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;overflow:hidden}.contact .container .contact-cont[data-v-4a320f63]:hover{transform:scale(1.1)}.contact .container .contact-cont.toggle-contact[data-v-4a320f63]{width:0;height:0;opacity:0}.contact .container .contact-cont a[data-v-4a320f63]{padding:10px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:23px}.contact .container .contact-cont a[data-v-4a320f63]:hover{color:inherit;background-color:var(--main-color)}.contact .container .contact-cont .p1[data-v-4a320f63]{position:absolute;top:70px;left:30px}.contact .container .contact-cont .p2[data-v-4a320f63]{position:absolute;top:0;left:50%;transform:translateX(-50%)}.contact .container .contact-cont .p3[data-v-4a320f63]{position:absolute;top:70px;right:30px}.contact .container .contact-cont .p4[data-v-4a320f63]{position:absolute;bottom:70px;right:30px}.contact .container .contact-cont .p5[data-v-4a320f63]{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.contact .container .contact-cont .p6[data-v-4a320f63]{position:absolute;bottom:70px;left:30px}.loding[data-v-91023e42]{position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;display:grid;place-items:center}.loding .loding-cont[data-v-91023e42]{padding:20px;position:absolute;transform:translate(-50%,-50%)!important;overflow:hidden}.loding .loding-cont1[data-v-91023e42]{width:380px;height:380px;border-radius:50%;border-top:5px solid #00bcd4;-webkit-animation:rotate_clockwise-91023e42 2s ease-in-out infinite;animation:rotate_clockwise-91023e42 2s ease-in-out infinite}@-webkit-keyframes rotate_clockwise-91023e42{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loding .loding-cont2[data-v-91023e42]{width:360px;height:360px;border-radius:50%;border-right:5px solid #009688;-webkit-animation:rotate_reverse_clockwise-91023e42 2s ease-in-out infinite;animation:rotate_reverse_clockwise-91023e42 2s ease-in-out infinite}@-webkit-keyframes rotate_reverse_clockwise-91023e42{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.loding .loding-cont3[data-v-91023e42]{width:340px;height:340px;border-radius:50%;border-left:5px solid #198754;-webkit-animation:rotate_clockwise-91023e42 2s ease-in-out infinite;animation:rotate_clockwise-91023e42 2s ease-in-out infinite}@keyframes rotate_clockwise-91023e42{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loding .loding-cont4[data-v-91023e42]{width:320px;height:320px;border-radius:50%;border-bottom:5px solid #054326;-webkit-animation:rotate_reverse_clockwise-91023e42 2s ease-in-out infinite;animation:rotate_reverse_clockwise-91023e42 2s ease-in-out infinite}@keyframes rotate_reverse_clockwise-91023e42{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.loding img[data-v-91023e42]{width:300px;height:300px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio{position:relative}.portfolio .content{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box!important;font-family:Open Sans,sans-serif}.contentdark{background-color:var(--contentbg)}.contentdark,.secondcontentdark{color:#eee;transition:all .4s linear,width 0s,height 0s}.secondcontentdark{background-color:var(--second-content-dark)}.sidebardark{background-color:var(--sidebarbg);color:#eee;transition:all .4s linear,width 0s,height 0s}.contentlight{background-color:#e3e3e3}.contentlight,.secondcontentlight{color:#444;transition:all .4s linear,width 0s,height 0s;font-weight:700!important}.secondcontentlight{background-color:#dadada}.links_border_light{border-bottom:1px solid #ccc!important}.sidebarlight{background-color:#eee;color:#444;transition:all .4s linear,width 0s,height 0s}:root{--main-color:#e91e63;--primary-color:#1ca8a1;--sidebarbg:#1c1b1c;--contentbg:#131313;--second-content-dark:#161515}.display-none{display:none!important}.router{transform:translate(110%);transition:all .4s linear}.togglestyle{right:-220px!important}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}body,html{overflow-x:hidden!important;font-family:Open Sans,sans-serif}