:root{--background-color: #ffffff;--btn-color: #ffffff;--btn-text-color: #00152e;--btn-shadow-color: #00152e;--project-card-bg: #ffffff;--text-color: #00152e;--form-text-color: #555;--footer-text-color: #888;--github-background-color: #008894;--shadow-color: rgba(18, 18, 18, .1);--company-name-color: #000000}[data-theme=dark]{--background-color: #212121;--btn-color: #0e0e0e;--btn-text-color: #ffffff;--btn-shadow-color: #f3feff;--project-card-bg: #212121;--text-color: #ffffff;--form-text-color: #fff;--footer-text-color: #bbb;--github-background-color: #baf9ff;--shadow-color: rgba(255, 255, 255, .64);--company-name-color: #ffffff}body{background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;margin:0}#root{display:flex;flex-direction:column;justify-self:center;gap:60px}h1,h2,h3,p,li{color:var(--text-color);margin:0;padding:0}h2,h3,p,li{font-family:-apple-system,BlinkMacSystemFont,sans-serif}h1,h2{text-transform:uppercase}h2,h3{font-size:20px}h1{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:35px;letter-spacing:4px;font-weight:800}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}.projectCard{transition:transform .5s ease}.projectCard:hover{transform:translateY(-1rem)}li{font-size:18px;font-weight:300;margin-left:10px;margin-right:10px}@media (width >= 800px){#root{gap:100px}h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px}}@media (width >= 1400px){#root{gap:200px}h1{font-size:48px}.sectionTitle{margin-bottom:75px}}._mail_nu5rl_3{width:30px;margin-right:10px;align-self:center}a{color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,sans-serif;align-self:center}h1{display:flex;justify-content:center}._mailContainer_nu5rl_19{display:flex;justify-content:center;border:2px solid var(--text-color);padding:15px 17px;max-width:fit-content;margin:2rem auto;border-radius:12px;transition:transform .5s ease}._mailContainer_nu5rl_19:hover{transform:scale(1.05)}._container_526zd_1{text-align:center}._container_526zd_1 p{font-size:13px;color:var(--footer-text-color);margin-bottom:20px}._container_1v430_1{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;height:100dvh;min-height:100vh}._container_1v430_1 ._hero_1v430_10{max-width:200px}._container_1v430_1 span{display:flex;gap:25px;justify-content:center;transition:transform .3s ease}._container_1v430_1 span a{margin:0}._container_1v430_1 span a img{width:30px}._container_1v430_1 a{width:fit-content;align-self:center}._container_1v430_1 button{background-color:var(--btn-color);color:var(--btn-text-color);align-items:center;border-radius:12px;box-shadow:transparent 0 0 0 1px,#1212121a 0 6px 20px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;justify-content:center;line-height:1;margin:0;outline:none;padding:1rem 1.2rem;text-align:center;text-decoration:none;transition:box-shadow .2s,-webkit-box-shadow .2s;white-space:nowrap;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}._container_1v430_1 button:hover{box-shadow:var(--btn-shadow-color) 0 0 0 2px,transparent 0 0 0 0}._container_1v430_1 span:hover{transform:scale(1.2)}._colorModeContainer_1v430_74{position:relative}._colorMode_1v430_74{position:absolute;width:25px;transition:transform .3s ease}._colorMode_1v430_74:hover{cursor:pointer;transform:rotate(-30deg)}._description_1v430_89{max-width:31.2ch;align-self:center}._info_1v430_94{display:flex;flex-direction:column;gap:20px}._socials_1v430_100{display:flex;justify-content:center;gap:20px}@media (width >= 800px){._container_1v430_1{flex-direction:row-reverse;align-items:center;gap:40px}._container_1v430_1 ._hero_1v430_10{max-width:350px;width:350px}}@media (width >= 1400px){._container_1v430_1 ._hero_1v430_10{max-width:400px;width:400px}}._container_attjz_1{display:flex;flex-direction:column;text-align:center;margin-bottom:50px}._container_attjz_1 img{max-width:250px;align-self:center;background-color:var(--project-card-bg);border-radius:20px}._container_attjz_1 h3{margin-top:11px;margin-bottom:2px}._container_attjz_1 p{margin-bottom:11px;font-size:18px}._container_attjz_1 div a img{width:fit-content;text-decoration:none;color:#222}._container_attjz_1 button{background-color:var(--btn-color);color:var(--btn-text-color);align-items:center;border-radius:12px;box-shadow:transparent 0 0 0 1px,#1212121a 0 6px 20px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;justify-content:center;line-height:1;margin:0;outline:none;padding:1rem 1.2rem;text-align:center;text-decoration:none;transition:box-shadow .2s,-webkit-box-shadow .2s;white-space:nowrap;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background-color .4s}._container_attjz_1 button:hover{background-color:var(--text-color);color:var(--background-color)}._projectContainer_attjz_68{display:flex;flex-direction:column;align-items:center;gap:30px}._buttons_attjz_74{display:flex;justify-content:space-between}@media (width >= 800px){._projectContainer_attjz_68{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}}._container_11zcb_1{display:flex;flex-direction:column}._skill_11zcb_7,._skill_11zcb_7 img{width:70px}._skill_11zcb_7 img{transition:transform .5s ease}._skill_11zcb_7 img:hover{transform:scale(1.15)}._skill_11zcb_7 p{display:flex;justify-content:center;font-size:1em;font-weight:560}._container_11zcb_1 h1{text-align:center}@media (width >= 800px){._skillSection_11zcb_35{display:flex;justify-content:center;gap:70px;text-align:center;margin-left:55px;margin-right:55px;gap:5rem}}._skillSection_11zcb_35{display:flex;justify-content:center;flex-wrap:wrap;gap:5rem;text-align:center;margin-left:30px;margin-right:30px}h2{display:flex;justify-content:center;margin-bottom:70px;margin-top:75.3px}hr{width:100px;background-color:var(--text-color);height:3px;margin-top:-40px;margin-bottom:50px}._timelineContainer_1f6n2_1{display:flex;justify-content:center;flex-direction:column;gap:30px;align-items:center}._timelineContainer_1f6n2_1 button{background-color:var(--btn-color);color:var(--btn-text-color);align-items:center;border-radius:12px;box-shadow:transparent 0 0 0 1px,#1212121a 0 6px 20px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;justify-content:center;line-height:1;margin:0;outline:none;padding:1rem 1.2rem;text-align:center;text-decoration:none;transition:box-shadow .2s,-webkit-box-shadow .2s;white-space:nowrap;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background-color .4s}._timelineContainer_1f6n2_1 button:hover{background-color:var(--text-color);color:var(--background-color)}._timelineTitle_1f6n2_42{display:flex;justify-content:center;margin-bottom:12.9px;font-size:1.7em;margin-top:0}._timelineDescription_1f6n2_52{display:flex;justify-content:center;text-align:center;font-style:italic;font-weight:200;margin-bottom:20px;font-size:1.2em;margin-right:20px;margin-left:20px}._timelineSection_1f6n2_64{background-color:var(--background-color);box-shadow:transparent 0 0 0 1px,var(--shadow-color) 0 6px 20px;width:408.8px;padding:50px 10px;border-radius:20px;transition:transform .5s ease}._timelineSection_1f6n2_64 p{margin-left:30px;margin-right:30px;font-size:1.2em;text-align:center}._timelineSection_1f6n2_64 ._tidjani_1f6n2_80{width:427px;border-radius:20px 20px 0 0;margin-top:-49px;margin-bottom:20px}._timelineSection_1f6n2_64:hover{transform:translateY(-1rem)}._bebold_1f6n2_92{font-weight:520}._logo_1f6n2_96{margin-top:15px;width:110px}._logoHead_1f6n2_102{display:flex;justify-content:center}._linkHead_1f6n2_107{display:flex;justify-content:center;margin-top:30px}@media (width >= 800px){._timelineContainer_1f6n2_1{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}._timelineSection_1f6n2_64{width:450px}._timelineSection_1f6n2_64 ._tidjani_1f6n2_80{width:470px;border-radius:20px 20px 0 0;margin-top:-49px;margin-bottom:20px}}._timelineContainer_1vte6_1{display:flex;justify-content:center;flex-direction:column;gap:30px;align-items:center}._timelineContainer_1vte6_1 button{background-color:var(--btn-color);color:var(--btn-text-color);align-items:center;border-radius:12px;box-shadow:transparent 0 0 0 1px,#1212121a 0 6px 20px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;justify-content:center;line-height:1;margin:0;outline:none;padding:1rem 1.2rem;text-align:center;text-decoration:none;transition:box-shadow .2s,-webkit-box-shadow .2s;white-space:nowrap;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background-color .4s}._timelineContainer_1vte6_1 button:hover{background-color:var(--text-color);color:var(--background-color)}._timelineTitle_1vte6_42{display:flex;justify-content:center;text-transform:capitalize;margin-bottom:12.9px;font-size:1.7em;margin-top:0}._timelineDescription_1vte6_52{display:flex;justify-content:center;text-align:center;font-weight:200;margin-bottom:20px;font-size:1.2em;margin-right:20px;margin-left:20px}._companyName_1vte6_63{font-weight:500;color:var(--company-name-color);text-transform:uppercase}._timelineSection_1vte6_70{background-color:var(--background-color);box-shadow:transparent 0 0 0 1px,var(--shadow-color) 0 6px 20px;width:408.8px;padding:50px 10px;border-radius:20px;transition:transform .5s ease}._timelineSection_1vte6_70 p{margin-left:30px;margin-right:30px;font-size:1.2em;text-align:center}._timelineSection_1vte6_70:hover{transform:translateY(-1rem)}._bebold_1vte6_91{font-weight:520}._logo_1vte6_95{margin-top:-10px;width:110px}._logoHead_1vte6_101{display:flex;justify-content:center}._linkHead_1vte6_106{display:flex;justify-content:center;margin-top:30px}._techUsed_1vte6_111{font-style:italic;font-weight:200;font-size:1em}p ._keyFeaturesTitle_1vte6_116{font-weight:600;text-align:left}._keyFeaturesList_1vte6_120{text-align:left}._periodTitle_1vte6_124{display:flex;justify-content:center;text-transform:capitalize;margin-bottom:12.9px;font-size:1.2em;margin-top:0;font-weight:400}@media (width >= 800px){._timelineContainer_1vte6_1{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}._timelineSection_1vte6_70{width:628px}}._timelineContainer_v08tn_1{display:flex;justify-content:center;flex-direction:column;gap:30px;align-items:center}._timelineContainer_v08tn_1 button{background-color:var(--btn-color);color:var(--btn-text-color);align-items:center;border-radius:12px;box-shadow:transparent 0 0 0 1px,#1212121a 0 6px 20px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;justify-content:center;line-height:1;margin:0;outline:none;padding:1rem 1.2rem;text-align:center;text-decoration:none;transition:box-shadow .2s,-webkit-box-shadow .2s;white-space:nowrap;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background-color .4s}._timelineContainer_v08tn_1 button:hover{background-color:var(--text-color);color:var(--background-color)}._timelineTitle_v08tn_42{display:flex;justify-content:center;margin-bottom:12.9px;font-size:1.7em;margin-top:0}._timelineDescription_v08tn_52{display:flex;justify-content:center;text-align:center;font-style:italic;font-weight:200;margin-bottom:20px;font-size:1.2em;margin-right:20px;margin-left:20px}._timelineSection_v08tn_64{background-color:var(--background-color);box-shadow:transparent 0 0 0 1px,var(--shadow-color) 0 6px 20px;width:408.8px;padding:50px 10px;border-radius:20px;transition:transform .5s ease}._timelineSection_v08tn_64 p{margin-left:30px;margin-right:30px;font-size:1.2em;text-align:center}._timelineSection_v08tn_64:hover{transform:translateY(-1rem)}._bebold_v08tn_85{font-weight:520}._logo_v08tn_89{margin-top:15px;width:110px}._logoHead_v08tn_95{display:flex;justify-content:center}._linkHead_v08tn_102{display:flex;justify-content:center;margin-top:30px}@media (width >= 800px){._timelineContainer_v08tn_1{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}._timelineSection_v08tn_64{width:450px}}