@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--fsfori:#00DDFF;--main-bg-color:#ffffff;--secondary-bg-color:rgb(57, 0, 70);--main-text-color:#fff;--secondary-text-color:#00FFDD;--third-text-color:#EBC1FF;--main-text-color-dark:#e1e1e1ce}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;font-family:Roboto Mono,monospace;height:100%;width:100%;min-height:100vh;min-width:100vw;background:rgb(44,15,57)}.row{display:flex;justify-content:space-around;align-items:center;align-items:flex-start!important;flex-wrap:nowrap}.text_center{text-align:center}.inline_block{display:inline-block}.block{display:block!important}h1.title{font-size:2rem;font-weight:700;color:var(--main-text-color);display:inline-block;margin-bottom:1.5rem;text-transform:capitalize}h2{font-size:1.4rem;font-weight:700;color:var(--main-text-color);display:inline-block;margin-bottom:1.5rem}h3{font-size:1.2rem;font-weight:600;color:var(--main-text-color);margin:1.5rem 0}p{font-size:.9rem;font-weight:400;color:var(--main-text-color-dark);margin-top:1rem}.cards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.loder_part{width:100%;height:100%;max-width:100vw;max-height:100vh;background-color:#2c0f39;margin-top:30vh}.loder_part .loader{font-size:2rem;font-weight:600;display:block;text-align:center;letter-spacing:2px;color:#fff;box-sizing:border-box;animation:spotlight 2s linear infinite alternate;text-transform:capitalize}@keyframes spotlight{0%,20%{opacity:1;letter-spacing:2px}80%,to{opacity:0;letter-spacing:32px}}@media (max-width:1200px){.row{flex-wrap:wrap!important}}.se_about{width:100%;height:100%}.se_about .row{width:100%;height:100%;margin:1rem auto}h1.title{font-size:2rem;font-weight:700;color:var(--main-text-color);display:inline-block;margin-bottom:1.5rem}.se_about .row .img-part{max-width:500px;width:100%;height:100%;margin:0 1rem}.se_about .row .img-part img{width:100%;height:100%;object-fit:contain;object-position:center}.box-about{max-width:500px;width:100%;height:100%;margin:0 1rem}.box-about p{font-size:.9rem;font-weight:400;color:var(--main-text-color-dark);margin-top:1rem}.box-about button{margin-top:2rem}.whatdo-part{padding:2rem 0}.whatdo-part .cards .card{max-width:340px}.whatdo-part .cards .card img{width:50px;height:50px}@media (max-width:600px){.se_about .row{flex-wrap:wrap}}.main-button{width:fit-content;height:50px;padding:1rem 2rem;margin:4rem 0;color:var(--secondary-text-color);border:1px solid var(--secondary-text-color);text-align:center;border-radius:4px;background-color:transparent;font-weight:600;text-transform:uppercase}.main-button:hover{background-color:#00ffdd69!important}.main-button a{text-decoration:none;color:var(--secondary-text-color)}.container{max-width:1200px;margin:0 auto;padding:0 40px}@media (max-width: 600px){.container{padding:0 1rem}}.card{background-color:#510e60b1;width:100%;height:100%;border-radius:4px;margin:1rem;padding:1.5rem 1rem}.se_contact{width:100%;height:100%;max-width:100vw;margin:8rem 0 4rem;padding:1rem}.se_contact form{width:100%;max-width:800px;margin:4rem auto}.se_contact form textarea,.se_contact form input{background-color:transparent;border:2px solid rgba(81,14,96,.696);outline:none;width:100%;margin:.5rem 0;border-radius:4px;padding:10px;color:var(--main-text-color)}.se_contact form input{height:60px}.se_contact form textarea{height:150px}.se_contact form textarea:hover,.se_contact form input:hover{border:1px solid var(--secondary-text-color)}.se_contact form button{width:100%!important;margin:2rem 0!important}.se_experiens{width:100%;height:100%;max-width:100vw;margin:8rem 0 4rem;padding:1rem}.se_experiens .row .education_part,.se_experiens .row .experiens_part{max-width:500px;width:100%}.se_experiens .row .card p{text-transform:capitalize}.se_experiens .row .education_part .card,.se_experiens .row .experiens_part .card{margin:1.5rem 0px!important;max-width:500px}.se_experiens .row .education_part .card h3,.se_experiens .row .experiens_part .card h3{display:inline-block;text-transform:capitalize;margin:0}.se_experiens .row .education_part .card h3.uni,.se_experiens .row .experiens_part .card h3.uni{color:var(--secondary-text-color);margin-left:10px}.se_experiens .row .education_part .card p.date,.se_experiens .row .experiens_part .card p.date{color:var(--secondary-text-color)}.se_experiens .row .experiens_part .card .Responsibility{font-size:.8rem;font-weight:600;margin:1rem 0 .1rem;color:var( --main-text-color);display:block}.se_experiens .row .experiens_part .card ul{list-style-type:none}.se_experiens .row .experiens_part .card ul li{margin-top:1rem;display:flex;align-items:center}.se_experiens .row .experiens_part .card ul li p{display:inline-block;margin:0}.se_experiens .row .experiens_part .card ul li i{display:inline-block;color:var(--main-text-color-dark);font-size:8px;margin-right:10px}@media (max-width: 992px){.se_experiens .row .education_part .card,.se_experiens .row .experiens_part .card{margin:1.5rem auto!important}h1.title{max-width:500px;margin:0px auto 1.5rem}.se_experiens .row .experiens_part{margin-top:2rem}}footer{width:100%;height:fit-content;position:relative}footer .social_icon{position:fixed;left:40px;bottom:0;width:100px;padding-right:2rem;height:230px}.social_icon a{width:fit-content;height:fit-content;display:block;margin:1rem}.social_icon a i{color:var( --main-text-color-dark);font-size:1.3rem}.social_icon a:hover i{color:var( --secondary-text-color)}.social_icon span{position:fixed;bottom:0;background-color:var( --main-text-color-dark);height:80px;width:1px;margin-left:1.5rem;margin-top:2rem}footer .gmail_link{position:fixed;right:40px;bottom:0;width:50px;padding-right:2rem;height:300px;display:flex;flex-direction:column;justify-content:space-between}footer .gmail_link a{font-size:.9rem;font-weight:400;color:var(--main-text-color-dark);margin-top:1rem;display:inline-block;text-decoration:none;writing-mode:vertical-rl}footer .gmail_link a:hover{color:var( --secondary-text-color)}footer .gmail_link span{position:fixed;bottom:0;background-color:var( --main-text-color-dark);height:80px;width:1px;margin-left:.6rem;margin-top:2rem}@media (max-width:992px){.social_icon span,.gmail_link span{display:none}.social_icon{position:relative!important;left:0!important;right:0;width:fit-content!important;max-width:400px!important;height:40px!important;margin:0 auto;padding:0!important}.social_icon a{display:inline-block;margin:.5rem}.social_icon a i{font-size:1rem}footer .gmail_link{position:unset!important;width:100%;max-width:200px;margin:.8rem auto 2rem;height:30px;text-align:center;padding:0}footer .gmail_link a{writing-mode:horizontal-tb!important;margin:0}}header{font-family:Roboto Mono,monospace;width:100%;height:100%;min-height:calc(90vh - 70px);padding:1rem}header .align-center{align-items:center!important}header .header_box{display:block;width:-webkit-fit-content;width:fit-content;height:fit-content;max-width:700px;margin:15vh 4rem 3rem 6vw}header .header_box h1{font-family:Roboto Mono,monospace;font-weight:900;color:#fff;font-size:6rem;text-transform:uppercase;white-space:nowrap}header .header_box p{font-size:1rem;color:var(--main-bg-color)}header .header_img{width:100%;max-width:500px;height:100%;max-height:600px}header .header_img img{width:100%;height:100%;object-fit:contain;object-position:center;transform:rotate(45)}@media (max-width:1200px){header .header_box h1{font-size:4rem}header .header_box{order:2}header .header_img{order:1;margin-top:10vh;max-width:400px}}@media (max-width:600px){header .header_box h1{font-size:2rem}p{font-size:.7rem}header .header_img{max-width:250px}}.Logo_part{max-width:70px;max-height:70px;margin:0 2rem;padding:0;overflow:hidden;border-radius:50%}.Logo_part a{text-decoration:none;width:100%;height:100%}.Logo_part img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}@media (max-width: 600px){.Logo_part{margin:0 .4rem}}nav{height:70px;position:sticky;z-index:11111111111111}nav .container{padding:10px 40px}nav.scrolled{background-color:var(--main-bg-color);position:fixed;top:0;bottom:0;left:0;right:0;height:70px;transition:all 1s}.nav-parts{display:flex;justify-content:space-between;align-items:center;height:100%}.humberger_btn{width:30px;height:30px;margin:1rem;display:none}.humberger_btn img{width:100%;height:100%;object-fit:cover;object-position:center}.nav_elements ul{display:flex;justify-content:space-between;align-items:baseline;list-style-type:none}.nav_elements ul li:not(:last-child){margin-right:60px}.nav_elements ul li a{font-size:1rem;font-weight:400;text-decoration:none;color:var(--main-text-color);cursor:pointer}.nav_elements ul li a.active{color:var(--secondary-text-color)!important;font-weight:500;position:relative}.nav_elements ul li a.active:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background-color:var(--secondary-text-color)}nav.scrolled .nav_elements ul li a{color:var(--secondary-bg-color);cursor:pointer}.nav_elements button.main-button{margin-top:0;margin-bottom:0}@media (max-width: 992px){.humberger_btn{display:inline-block;cursor:pointer}nav.scrolled .nav_elements{background-color:var(--main-bg-color)}.nav_elements{position:absolute;right:0;top:69px;background-color:#2c0f39;width:0;overflow:hidden;opacity:1;height:0;opacity:0;box-shadow:-6px 25px 24px -17px #cc59e67a;-webkit-box-shadow:-6px 25px 24px -17px rgba(204,89,230,.48);-moz-box-shadow:-6px 25px 24px -17px rgba(204,89,230,.48)}.nav_elements.active{width:100vw;height:340px;transition:height .4s ease-in;opacity:1}.nav_elements ul{display:flex;flex-direction:column;margin:1rem 2rem 3rem;align-items:center}.nav_elements ul li{margin-right:unset;width:fit-content;width:100%;margin:22px auto 0;text-align:center}.nav_elements ul li a{display:inline-block}.nav_elements button.main-button{margin:22px auto 0}}.se_project{width:100%;height:100%;margin:8rem 0 3rem}.se_project .container{margin-top:4rem}.p_card{position:relative;width:100%;height:100%;max-width:350px;max-height:250px;overflow:hidden;border-radius:4px}.p_card .p_img{width:100%;height:100%;border-radius:4px}.p_card .p_img img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:4px}.p_card .p_img{width:100%;height:100%}.p_card figcaption{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#2c0f39d0;border-radius:4px;border:1px solid var(--secondary-text-color);opacity:0;transform:translateY(250px);transition:transform 1s}.p_card figcaption h3{color:var(--secondary-text-color);margin-top:2rem}.p_card figcaption .about_project{max-width:300px;margin:auto;font-size:.7rem}.p_card figcaption .icon_project{width:fit-content;margin:4rem auto 0}.p_card figcaption a{text-align:center;margin:1rem}.p_card figcaption a i{font-size:2rem;color:var(--secondary-text-color)}.p_card figcaption a i:hover{color:var(--main-text-color)}.p_card:hover figcaption{opacity:1;transform:translateY(0)}.p_card figcaption h3{transform:translate(350px);transition:transform 2s}.p_card:hover figcaption h3{transform:translate(0)}.p_card figcaption .about_project{transform:translate(-350px);transition:transform 2s}.p_card:hover figcaption .about_project{transform:translate(0)}.p_card figcaption .icon_project{transform:translateY(-250px);transition:transform 2s}.p_card:hover figcaption .icon_project{transform:translateY(0)}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.se_skill{width:100%;height:100%;max-width:100vw;margin:8rem 0 4rem;padding:1rem}.se_skill .row{align-items:flex-start!important}.se_skill .row .tech_skill_part,.se_skill .row .pro_skill_part{max-width:600px;width:100%}.se_skill .row .pro_skill_part .row{flex-wrap:wrap}.se_skill h1{margin-bottom:3rem}.progress_part{max-width:400px;max-height:100px;margin:1.5rem auto}.infor_progress{position:relative;width:100%;height:10px}.infor_progress .name_skill{position:absolute;top:0;left:0;color:var(--main-text-color);font-size:1rem;font-weight:500;text-align:left;display:inline-block}.infor_progress .percent_skill{position:absolute;top:0;right:0;color:var(--main-text-color);font-size:.8rem;font-weight:400;text-align:right;display:inline-block}.progress_part .progressBar{position:relative;width:100%;height:5px;border-radius:5px;background-color:#510e60b1;margin-top:1rem}.progress_part .progressBar .percentage{position:absolute;left:0;top:0;bottom:0;background-color:var(--secondary-text-color);border-radius:5px;height:5px}.Circle_bar_part{width:100%;height:100%;max-width:200px;max-height:200px;margin:1rem}.Circle_progressBar{position:relative;width:120px;height:120px;border-radius:50%;background-color:transparent;margin:auto}.name_pro_skill{color:var(--main-text-color);font-size:1rem;font-weight:500;text-align:center}.Circle_bar_part svg path{stroke-width:3px}@media (max-width: 992px){.se_skill .row .pro_skill_part{margin-top:4rem}}