@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Alkatra&family=Roboto:wght@100;300;400;500;700&display=swap";.hero{margin-top:3.3rem;justify-content:space-between;gap:5rem}.avatar{width:88px;border:1px solid darkorange;border-radius:50%;padding:2px;box-shadow:1px 1px 10px #808080c7 inset}.t11{font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-style:normal}.icon-verified{color:var(--blue);font-size:1.1rem;margin-bottom:5px}.left_section{flex-grow:1}.icons.flex .iicon{color:var(--subtitle);font-size:1.6rem;transition:all .3s}.icons.flex .iicon:hover{scale:1.2;color:var(--title)!important}.titlee{font-size:2.6rem;line-height:3.3rem;margin:24px 0;color:var(--title)!important}.subtitlee{font-size:.9rem;color:var(--subtitle);margin-bottom:30px;line-height:1.6rem}.animmation3{translate:30px 50px}.animmation3 .pcanim{width:270px}@media (max-width:1250px){.animmation3{display:none}}.maiin.flex{gap:3.3rem;align-items:start}.left-section.flex{flex-direction:column;gap:1rem}.left-section.flex button{width:11rem;background-color:#24252e;padding:.75rem 0;text-align:center;font-size:1.05rem;text-transform:capitalize;border-radius:5px;opacity:.5;transition:all .3s}.left-section.flex button:hover{opacity:1}.active{font-weight:700;opacity:1!important;border:1px solid var(--blue);scale:1.02;letter-spacing:.5px}.light .active{border:1px solid #000}.right-section{flex-wrap:wrap;row-gap:2rem;column-gap:16px;justify-content:center}main section.right-section.flex{justify-content:center;flex-wrap:wrap;column-gap:16px;row-gap:2rem}.card{box-shadow:0 0 2px #0000004b;border:1px solid rgba(93,188,252,.3);border-radius:5px;transition:.3s;background-image:linear-gradient(rgba(255,255,255,.014),rgba(255,255,255,.13))}.card:hover{border:1px solid var(--blue);rotate:1deg;scale:1.01;cursor:pointer}.light .card:hover,.light .card{border:none}.card img{border-radius:5px}.card .box{padding:1rem .4rem}.card .box .title{color:var(--title);text-transform:capitalize}.card .box .sub-title{color:var(--subtitle);font-size:.8rem;margin-top:.7rem;margin-bottom:1.1rem}.card .box .icons{justify-content:space-between}.card .icon-github,.card .icon-link{font-size:1.2rem;color:var(--subtitle)}.card .icon-github:hover,.card .icon-link:hover{scale:1.2;color:var(--titlee)!important;transition:all .3s;cursor:pointer}.card a.link{font-size:.9rem;color:var(--blue);margin-right:12px}@media (max-width: 600px){.maiin{flex-direction:column;gap:2.65rem!important;align-items:center}.left-section.flex{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.left-section.flex button{width:7rem;padding:.8rem 0;font-size:.9rem}}.contact_header .icon-envelope{font-size:1.8rem;margin-right:1rem}.contactus{font-size:2.1rem;color:var(--title)}.texte_contact{margin-bottom:2rem;line-height:1.7rem}.subtitle{color:var(--subtitle)}.parent_input{flex-direction:column;gap:3rem;align-items:flex-start!important}#email,#message{all:unset;border:1px solid rgb(63,63,70);background-color:var(--bgcheader);width:16rem!important;padding:.5rem 1rem;border-radius:5px;margin-left:1.5rem;transition:.2s;font-size:1rem;color:var(--title)}#email:focus,#message:focus{border:1px solid rgb(45,212,191)}#email:hover,#message:hover{border:1px solid rgb(45,212,191)}#message{min-height:9rem;resize:vertical}.submit{width:7rem;background-color:#3f3f46;padding:.75rem 0;text-align:center;font-size:1.05rem;text-transform:capitalize;border-radius:5px;transition:all .3s}.submit:hover{scale:.95}.submit:disabled{opacity:.4;cursor:not-allowed}.parent_emmail{display:flex;align-items:center;justify-content:space-between}.animmation1 .email-anim{width:350px}@media (max-width:870px){.animmation{display:none}}@media (max-width:600px){.f1{flex-direction:column;align-items:start!important;width:90%}.animmation{display:none}#email,#message{width:100%!important;margin-left:0}.parent_emmail{display:block}.submit{align-self:center}}.succes-messag{color:var(--subtitle)}footer{color:var(--subtitle);text-align:center;margin-top:-1rem;margin-bottom:1.5rem}.skills-details{color:var(--subtitle)}.sklls{font-size:1.5rem;color:var(--title)}.skills-components{display:flex;justify-content:space-between;flex-direction:column;flex-wrap:wrap}.p-r-l{margin:0 2rem!important}.icon-redux{font-size:1.8rem}.inf961{display:none}.sup961{display:block}@media (max-width:961px){.inf961{display:block}.sup961{display:none}.skills-components{flex-direction:column;align-items:center}.sklls{text-align:center}}.experienc{width:250px;margin:0 auto;margin-bottom:2rem;text-align:center!important;font-size:25px;color:var(--title);font-weight:bolder;font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-style:normal}.avatar_img_profil{width:120px!important;height:120px!important;object-fit:cover}.experienc2{width:85%}.experienc span{color:var(--aquee)}.card_experience{width:350px;background-color:#90b9bc;padding:5px 35px;border-radius:15px;padding-bottom:1rem;box-shadow:0 0 15px gray}@media (max-width:450px){.card_experience{width:100%}.child_of_parent_check div p:first-child{font-size:14px!important}}.v2{color:#070707}.parent_check{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px}.child_of_parent_check{display:flex;align-items:center;gap:15px;margin-bottom:5px}.type_experience{opacity:.5;font-size:13px;margin-top:4px;color:#000;font-weight:700}.type_of_dev{font-size:20px;text-align:center;margin:1rem 0;color:#000;opacity:.7}.parents_flex{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;overflow-x:hidden}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}html{font-family:roboto,sans-serif;letter-spacing:.1px}*{margin:0;padding:0}.container a{all:unset}.border{border:1px solid red}:root{--primiry: #000;--secondary:#18181b;--border: rgb(63,63,79,.4);--title:#F4F4F5;--subtitle:#92929A;--bgcheader:#27272A;--blue:#5DBCFC;--color_fixed:rgba(38, 38, 46, .85);--aquee:aqua;--continer_padding: 4.8rem;--continer_padding2: 1.7rem;--continer_padding3: 1rem;--opacity_of_btn_scroll:1}.light{--primiry: rgb(250, 250, 250);--secondary:rgb(255, 255, 255);--border: rgb(202,202,202,0518);--title:rgb(39, 39, 42);--subtitle:rgb(82, 82, 91);--bgcheader:rgb(253, 253, 253);--blue: rgb(0, 149, 246);--color_fixed:rgba(38, 38, 46, .85);--aquee:rgb(0, 149, 246)}body{background-color:var(--primiry)}.container{border:2px solid var(--border);width:80%;margin:0 auto;background-color:var(--secondary);color:#fff;padding:0 var(--continer_padding);min-height:100vh}.divider{border:1px solid var(--border);margin:3rem 0;width:calc(100% + var(--continer_padding) + var(--continer_padding));transform:translate(calc(-1 * var(--continer_padding)))}@media (max-width:1000px){.container{--continer_padding:1.7rem;width:90%;padding:0 var(--continer_padding)}.divider{width:calc(100% + var(--continer_padding) + var(--continer_padding));transform:translate(calc(-1 * var(--continer_padding)))}}@media (max-width:500px){.container{--continer_padding:1rem;width:98%;padding:0 var(--continer_padding)}.divider{width:calc(100% + var(--continer_padding) + var(--continer_padding));transform:translate(calc(-1 * var(--continer_padding)))}.scrolltotop{--opacity_of_btn_scroll:.4;opacity:.4;width:2.2rem;height:2.2rem}}ul{list-style:none}a{text-decoration:none}.flex{display:flex;align-items:center}.nav_menu .flex{box-shadow:1px 1px 10px #92929a36}header ul.flex{gap:26px;background-color:var(--bgcheader);padding:.77rem 1.6rem;border-radius:55px}bdb header ul li a{opacity:.9;font-size:.88rem;font-weight:500;transition:all .2s}header ul li a:hover{color:var(--blue)!important;opacity:1}header button{font-size:1.2rem}header{margin-top:1.2rem}header .mode{display:flex}header .icon-menu.btn_menu,header .mode{box-shadow:1px 1px 10px #92929a36;background-color:var(--bgcheader);width:2.4rem;height:2.4rem;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;color:var(--subtitle);border:1px solid rgba(244,165,96,.288)}header .fixed .model .icon-close{color:var(--subtitle);transition:all .4s;font-size:1.3rem}header .fixed .model .icon-close:hover{color:var(--title);color:#dc143c;rotate:180deg}header .fixed .model .icon-close:active{scale:.9}header .mode:hover,header .icon-menu.btn_menu:hover{border:1px solid rgba(244,165,96);color:var(--title)}header .mode:active,header .icon-menu.btn_menu:active{scale:.9}.mode .icon-sun{color:#f4a560;font-weight:700}.btn_menu{display:none}.fixed{position:fixed;background-color:var(--color_fixed);top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.model{background-color:var(--secondary);width:60%;margin:2rem auto 0;padding:.7rem 2.2rem;border-radius:1rem;animation:model_anim .77s 1}ul.model li a{font-size:1rem}.fixed ul.model li{border-bottom:1px solid var(--border);padding-bottom:1rem;padding-top:.5rem}.fixed ul.model li:last-child{border-bottom:none}@media (max-width:700px){header nav{display:none}header button.btn_menu{display:flex}}button{all:unset}button{cursor:pointer}@keyframes model_anim{0%{scale:.5}50%{scale:1.3}to{scale:1}}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{background-color:#292c3b}::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background-color:#666}.scrolltotop{border:1px solid rgba(255,255,255,.2);position:fixed;bottom:2rem;right:3%;background-color:#1564b3;width:2.6rem;height:2.6rem;display:flex;justify-content:center!important;align-items:center;border-radius:50%;font-size:1.1rem;transition:all .2s;animation:scrll-btn 1s 1}@keyframes scrll-btn{0%{opacity:0}to{opacity:var(--opacity_of_btn_scroll)}}.scrolltotop:hover{background-color:#1564b3c0}.scrolltotop:active{scale:.9}header .nav_menu .flex li a{cursor:pointer!important;color:var(--subtitle)}div{scroll-snap-align:center}*{box-sizing:border-box}.crsur{cursor:pointer!important;color:var(--title)!important}