@import"https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Khula:wght@600&family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap";#loader{width:100%;max-width:600px;margin:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#loader img{text-align:center;margin:auto}:root{--header-fts-Family: "Source Sans Pro", sans-serif}html,body{width:100%;overflow-x:hidden}*,*:after,*:before{padding:0}html{scroll-behavior:smooth;max-width:100%;width:100%}.video{margin-top:100px}img{max-width:100%}nav span{position:absolute;top:10%;border-radius:34%;left:1%;width:70px;display:flex}nav span p{text-transform:uppercase;font-family:Source Sans Pro,sans-serif;font-weight:900;margin-top:20px;position:absolute;margin-left:80px;letter-spacing:5px;text-align:center}form .name,.message,.mail{background-color:#f0f0f0;color:gray;border:0px;margin:5px;padding:20px;border-radius:6px}body{margin:0;height:100vh;font-family:Source Sans Pro,sans-serif}.placeholder-content{position:-webkit-sticky;position:sticky;top:0}.placeholder-content nav{padding-top:40px;text-align:right;height:60px;background-color:#fff}.link{text-decoration:none;color:#000;font-size:14px;font-family:Source Sans Pro,sans-serif;font-weight:900;letter-spacing:5px;text-transform:uppercase;margin-right:20px}.link:hover{color:#facf0f}header{background-color:#f4f4f4;height:100vh;max-width:100%;width:100%;max-height:120rem;text-align:center}header h1{color:#000;z-index:0;text-align:center;max-width:600px;margin:auto;font-size:60px;text-transform:uppercase;letter-spacing:3px;color:#111;font-weight:800;padding-top:120px}header p{font-size:15px;text-align:center;padding-top:90px;max-width:300px;margin:auto;letter-spacing:3px;color:#333;font-weight:300;padding-inline:50px}header button{color:#333;padding:10px;width:300px;height:50px;border:0px;margin-top:50px;font-size:20px;border-radius:5px;background-color:#facf0f;font-family:Source Sans Pro,sans-serif}header button:hover{box-shadow:#00000026 0 5px 15px;top:84%;transition:ease .4s}body{margin:0;padding:0}.About-me{padding-block:50px;background-color:#fafafa}.about .linkedin{text-decoration:none;color:#0e76a8;font-weight:900;text-transform:uppercase}.about .git{text-decoration:none;color:#171515;font-weight:900;text-transform:uppercase}.About-me h1{text-align:center;font-size:40px;text-transform:uppercase;letter-spacing:3px;padding-block:10px}.About-me h6{padding-block:40px;padding-bottom:90px;text-align:center;font-size:20px;max-width:900px;line-height:35px;margin:auto;font-weight:100;color:#181824}.About-me p{line-height:28px;font-family:Source Sans Pro,sans-serif}.About-me button{color:#333;padding:10px;width:200px;height:50px;border:0px;font-size:20px;border-radius:5px;background-color:#facf0f;margin-top:50px}.react-native{position:relative}.react-native button{color:#000;border:0px;background-color:transparent}.react-native button svg{font-size:25px;color:#000}.About-me button{box-shadow:#00000026 0 5px 15px}.About-me h2{padding-bottom:50px}.clm-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-inline:30px}.About-me-skills span{padding:13px;border-radius:5px;background-color:#d2d2d2;color:#000;margin-left:8px;max-width:120px;text-align:center}.portfolio{background-color:#fff;padding-block:0px;color:#000;text-align:center;padding-top:30px}.rela{display:grid;grid-template-columns:1fr 1fr;padding-block:70px}.portfolio h1{text-align:center;font-size:40px;text-transform:uppercase;letter-spacing:3px;padding-block:10px}.portfolio p{padding-block:20px;max-width:300px;margin:auto}.btn-yellow{color:#333;padding:14px;box-shadow:#00000026 0 5px 15px;width:185px;height:50px;border:0px;font-size:20px;border-radius:5px;background-color:#facf0f;margin-top:50px;text-transform:uppercase;font-family:Source Sans Pro,sans-serif}.portfolio h6{font-family:var(--header-fts-Family);font-size:18px;margin:auto;max-width:600px;padding-block:40px}.portfolio .portfolio-text{align-self:center}.portfolio p{font-size:16px;margin-top:5px;font-family:var(--header-fts-Family);margin-bottom:15px}.mrg{margin-top:100px}.bar-social{display:grid;grid-template-columns:auto;position:fixed;top:25.7%;right:0%;background-color:#ffffffa8;width:55px;padding-left:8px;box-shadow:#64646f33 0 7px 29px;padding-block:10px;z-index:1}.bar-social svg{font-size:32px;padding:10px}.bar-social svg:hover{background-color:#e8e8d6;border-radius:10px}.footer{background-color:#000}.footer Container{display:grid;grid-template-columns:repeat(3,1fr)}.icon{display:none}.icons a{font-size:100px}.icons .linkdin{color:#0e76a8}.icons .twit{color:#bdbdbd}.icons .insta{color:#8a3ab9}.block .button{width:140px;height:45px;font-family:var(--header-fts-Family);font-size:10px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;color:#000;background-color:#fff;border:none;border-radius:45px;box-shadow:0 8px 15px #0000001a;transition:all .3s ease 0s;cursor:pointer;outline:none}.clm{padding-inline:150px}.button.accept-btn:hover{background-color:#0b91f3;box-shadow:0 15px 20px #0b71f366;color:#fff;transform:translateY(-7px)}.react-native{display:grid;grid-template-columns:1fr 1fr}.react-logo{border-radius:50%;border:10px solid #00d8ff;animation-name:rotate;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear}.ht{line-height:15px}.btn{display:inline-block;width:60px;height:60px;background:#f1f1f1;margin:10px;border-radius:50%;box-shadow:0 5px 15px -5px #00000070;color:#3498db;overflow:hidden;position:relative}.tool span,.details .clr{padding:13px;border-radius:5px;background-color:#d2d2d2;color:#000;margin-left:8px}.tool{text-align:left}.max{display:none}.icons{text-align:center;margin:auto}.btn i{line-height:60px;font-size:26px;transition:.2s linear}.none{display:none}.footer{color:#f4f4f4}.footer .ht{padding-block:30px;text-align:center}.details p{color:#00000073;padding-inline:150px;padding-bottom:70px;padding-top:20px;font-size:20px}.btn-yellow-footer{position:absolute;top:25%;font-family:Source Sans Pro,sans-serif;left:52%;color:#333;padding:10px;width:300px;height:50px;border:0px;font-size:20px;border-radius:5px;background-color:#facf0f;transform:translate(-50%,-50%)}.tool{text-align:left;margin-left:11%;margin-right:3%}.btn:hover i{transform:scale(1.3);color:#f1f1f1}.btn:before{content:"";position:absolute;width:120%;height:120%;background:#3498db;transform:rotate(45deg);left:-110%;top:90%}.footer .icons a{padding:80px;font-size:110px}.details h2{text-align:start;padding-inline:150px;padding-top:60px;font-size:30px}.footer .icons{padding-top:5%}.btn:hover:before{animation:aaa .7s 1;top:-10%;left:-10%}@keyframes aaa{0%{left:-110%;top:90%}50%{left:10%;top:-30%}to{top:-10%;left:-10%}}@media screen and (max-width:980px){.footer .icons a{padding:50px}}@media screen and (max-width:800px){.grid{grid-template-columns:1fr}.hide{display:block}.clm-two{grid-template-columns:auto}.footer .icons a{padding:20px}}@media screen and (max-width:960px){.boxes{display:block;flex-direction:column;gap:40px}.react-native{display:grid;grid-template-columns:auto}header p{font-size:15px}.skills-grid{grid-template-columns:1fr}.rela{display:grid;grid-template-columns:1fr}.skills-grid img{width:600px;margin:auto}}@media screen and (max-width:730px){.max{display:block}.tool{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clm{display:block;padding-inline:150px}.skills-title{font-weight:300;font-size:19px}.footer .icons span svg{font-size:15px}.min,.arrow-left,.arrow-right{display:none}.icons svg{font-size:50px}.menu3 .icon{display:block;justify-self:end;font-size:24px;position:absolute;right:2%;top:35%}.mobile{padding-top:30px;line-height:75px;display:grid;grid-template-columns:auto;justify-content:end;background-color:#fff}.block-skills{display:grid;grid-template-columns:1fr 1fr;gap:5px}.portfolio h6{font-size:10px}.hide{display:none}header p{top:70%}header button{top:90%}.abs{width:50px;height:50px}}@media screen and (max-width:445px){.section-Skills{font-size:12px}.About-me p{max-width:330px}form .name,.message,.mail{padding:10px}.About-me h2{max-width:300px}.clm{display:block;padding-inline:50px}header button{top:100%}.details p,.details h2{padding-inline:50px}.tool{margin-inline:50px}.btn-yellow-footer{width:300px;height:45px;top:35%}.btn-profil{left:120%}header button:hover{top:100%}header h1{font-size:50px}header p{font-size:22px}.section-Skills h3{font-size:12px}.footer .icons a{font-size:80px}.footer .icons{margin-top:90px}.download-section{margin-top:20px}.portfolio h6{font-size:14px}}.details{padding-block:80px}.details .clr{padding:13px;border-radius:5px;background-color:#d2d2d2;color:#000;margin-left:8px}.back-btn{color:#333;padding:14px;box-shadow:#00000026 0 5px 15px;height:50px;border:0px;font-size:20px;border-radius:5px;background-color:gray;margin-top:50px;margin-left:6px;text-transform:uppercase;font-family:Source Sans Pro,sans-serif}.download-section{text-align:center}.footer{position:relative}.arrow-left{position:absolute;top:25%;left:32%;font-size:15px;animation:bouge 2s infinite}.arrow-right{position:absolute;top:25%;right:28%;font-size:15px;animation:bouge2 2s infinite}@keyframes bouge{0%{margin-left:-35px}to{margin-left:-0px}}@keyframes bouge2{0%{margin-right:-35px}to{margin-right:-0px}}.footer .icons{border-bottom:1px dotted black}.footer .icons span{visibility:hidden;width:120px;font-size:20px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1}.footer .twit:hover span,.footer .linkdin:hover span,.footer .insta:hover span{visibility:visible}.yellow-bar{width:40px;padding:2px;border-radius:5px;margin:auto;background-color:#f9cf10}HTML CSSResult Skip Results Iframe a{text-decoration:none}.floating_btn{position:fixed;bottom:30px;right:0;width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}@keyframes pulsing{to{box-shadow:0 0 0 30px #e84c3d00}}.contact_icon{background-color:#42db87;color:#fff;width:60px;height:60px;font-size:30px;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999;display:flex;align-items:center;justify-content:center;transform:translatey(0);animation:pulse 1.5s infinite;box-shadow:0 0 #42db87;-webkit-animation:pulsing 1.25s infinite cubic-bezier(.66,0,0,1);-moz-animation:pulsing 1.25s infinite cubic-bezier(.66,0,0,1);-ms-animation:pulsing 1.25s infinite cubic-bezier(.66,0,0,1);animation:pulsing 3.25s infinite cubic-bezier(.66,0,0,1);font-weight:400;font-family:sans-serif;text-decoration:none!important;transition:all .3s ease-in-out}.services{text-align:center;padding-block:90px}.services h1{font-size:40px;text-transform:uppercase;letter-spacing:3px;padding-block:10px}.services p{line-height:35px;font-family:Source Sans Pro,sans-serif;text-align:center;letter-spacing:normal;padding-block:30px;max-width:900px;margin:auto;font-size:20px;padding-inline:20px}.services button{color:#333;padding:10px;width:300px;height:50px;border:0px;margin-top:50px;font-size:20px;border-radius:5px;background-color:#facf0f;font-family:Source Sans Pro,sans-serif}.services video{width:100%}.contact h1{font-size:40px;text-transform:uppercase;letter-spacing:3px;padding-block:10px;text-align:center}.contact p{text-align:center;line-height:5}form{display:grid;grid-template-columns:auto;max-width:600px;margin:auto auto 40px;background-color:#fff;border-radius:10px;padding:30px;border:0px;border:1px solid #ccc;transition:box-shadow .3s;box-shadow:0 0 11px #21212133}form .message{height:150px}label{color:gray;margin-top:20px}.submit-btn{color:#333;padding:14px;box-shadow:#00000026 0 5px 15px;width:185px;height:50px;border:0px;font-size:20px;border-radius:5px;background-color:#facf0f;margin-top:50px;text-transform:uppercase;font-family:Source Sans Pro,sans-serif}.dropdown{z-index:0}.language-select{color:#000;padding:.5rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;z-index:0;border:0}.language-select option{background-color:#fff;color:#000}.btn-left-native,.btn-right-native,button,.pp,img{cursor:pointer}.contact input:focus,.contact textarea:focus{outline:none;outline-style:none;font-size:16px}.on-titles{margin:0;place-content:center}.title-underlines{--c: linear-gradient(#000 0 0);padding-bottom:.25em;background:var(--c),var(--c);background-size:.3em .1em;background-position:50% 100%;background-repeat:no-repeat;transition:.3s linear,background-size .3s .2s linear}.rela:hover .title-underlines{background-size:20% .1em;background-position:10% 100%,90% 100%}.rela .img{filter:grayscale(100%);opacity:.75;transition:.5s}.rela .img:hover{filter:none;opacity:initial;transition:.5s}@media screen and (max-width:500px){.rela .img{filter:none;opacity:initial}}.submit-btn{cursor:pointer}.react-native .github-btn:hover{color:#686868}.instagram{color:#8a3ab9}.github{color:#bdbdbd}.linkedin{color:#0e76a8}.btnHoverClick{background-color:#1ef713;color:#000}#form-contact:hover{box-shadow:1px 2px 50px -6px #404040;-webkit-box-shadow:1px 2px 50px -6px rgba(64,64,64,1);-moz-box-shadow:1px 2px 50px -6px rgba(64,64,64,1)}.block-skills{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.block-skills span{min-width:100px;align-items:center}@media screen and (max-width : 489px){.block-skills{display:grid;grid-template-columns:1fr 1fr;gap:10px}.block-skills img{display:none}}.center{text-align:center;align-items:center}