@import "https://fonts.googleapis.com/css2?family=Poppins:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizespeed;width:100%;min-height:100vh;position:relative}*,:after,:before{box-sizing:border-box}a:not([class]){text-decoration-skip-ink:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}:focus{outline:0}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input:required,input{box-shadow:none}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-results-button{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}input:focus{outline:none}audio,canvas,video{max-width:100%;display:inline-block}audio:not([controls]){height:0;display:none}[hidden]{display:none}a:active,a:hover{outline:none}img{vertical-align:middle;max-width:100%;height:auto;display:inline-block}picture{display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;background:0 0;border:0}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}button{background:0 0;border:0}textarea{vertical-align:top;resize:vertical;overflow:auto}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{box-sizing:content-box;page-break-after:always;background:#000;border:0;width:100%;height:1px;margin:0;padding:0;line-height:0;overflow:visible}pre{font-family:monospace;font-size:100%}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace}small{font-size:75%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;outline:0;padding:0}[type=button]::-moz-focus-inner{border-style:none;outline:0;padding:0}[type=reset]::-moz-focus-inner{border-style:none;outline:0;padding:0}[type=submit]::-moz-focus-inner{border-style:none;outline:0;padding:0}legend{color:inherit;white-space:normal;border:0;width:100%;max-width:100%;display:block}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#ff014f;border-radius:50px}body{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;box-sizing:border-box;color:#3c3e41;background-color:#ecf0f3;font-family:Poppins,sans-serif;font-size:62.5%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{flex-direction:column;align-items:center;margin:0 1rem;display:flex;position:relative}.wrapper{flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1100px;display:flex}.hidden{display:none}.current{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff;color:#ff014f!important}.totop{border-radius:50px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.6rem;display:none;position:fixed;bottom:1rem;right:1rem;box-shadow:0 0 10px #0000001a}.totop i{color:#3c3e41;opacity:.8}.subtitle,.title{justify-content:center;width:100%;max-width:1100px;display:flex}.subtitle{letter-spacing:2px;color:#ff014f;border-top:1px solid #3c3e41;margin-top:2rem;padding:2rem 0 .5rem;font-size:.7rem;font-weight:400}.title{font-size:1.3rem;font-weight:600}@media (hover:hover){.totop:hover i{color:#ff014f}}.portfolio{justify-content:space-between;width:100%;max-width:1100px;padding:1rem 0;scroll-margin:7rem;display:flex}.portfolio__menu{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;height:100%;margin:0 1rem;font-size:1.3rem;display:flex;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.portfolio__menu ul{flex-direction:column;justify-content:center;align-items:center;display:flex}.portfolio__menu li button{color:#3c3e41;padding:2rem;font-size:1.7rem}.portfolio__menu li button i{width:20px;height:20px}.portfolio__container{flex-direction:column;width:70%;max-height:26rem;display:flex;overflow-x:hidden;overflow-y:scroll}.portfolio__container__card{color:#3c3e41;background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:20px;max-width:15rem;height:14rem;margin:1rem;padding:1.5rem;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.portfolio__container__card__img{cursor:pointer;border-radius:10px;margin-bottom:1rem;overflow:hidden}.portfolio__container__card__img img{width:100%;height:7rem}.portfolio__container__card a{color:#3c3e41;font-size:1rem;font-weight:600;text-decoration:none}@media (hover:hover){.portfolio__container__card:hover img{transition:all .4s;transform:scale(1.1)}.portfolio__menu li button:hover,.portfolio__container__card a:hover,.portfolio__container__card__img:hover+a{color:#ff014f}}@media screen and (width>=549px){.portfolio__container{flex-flow:wrap;width:100%}.portfolio__container__card{width:calc(50% - 2rem)}.portfolio__container__card__img img{width:100%;height:8rem}}@media screen and (width>=900px){.portfolio__container__card{width:calc(33.3333% - 2rem)}}.menu{color:#3c3e41;background-color:#ecf0f3;justify-content:space-between;align-items:center;padding:.6rem 1rem .6rem 2rem;font-weight:600;transition:color .3s;display:flex}.menu__img{fill:#fff;background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:50%;width:3rem;height:3rem;padding:.3rem;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.menu__nav{flex-direction:column;align-items:end;gap:1rem;display:flex}.menu__nav__on{z-index:10;background-color:#ecf0f3;border-top:1px solid #ff014f;justify-content:center;align-items:center;padding:.5rem 0;position:absolute;top:0;left:0;right:0;transform:translateY(calc(4rem + 2px));box-shadow:10px 10px 19px #0000001a}.menu__nav a,.menu__nav h1{text-transform:uppercase;color:#3c3e41;opacity:.9;letter-spacing:2px;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none}.menu__nav a i,.menu__nav h1 i{font-size:1rem}.menu__toogle{color:#ff014f;cursor:pointer;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.8rem;display:flex}.menu__fixed{z-index:10;position:fixed;top:0;left:0;right:0;box-shadow:10px 10px 19px #0000001a}.panel{z-index:3;color:#3c3e41;opacity:.95;cursor:pointer;background:linear-gradient(145deg,#e2e8ec,#fff);border-top-right-radius:6px;border-bottom-right-radius:6px;flex-direction:row-reverse;align-items:center;transition:all .2s;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.panel__show{letter-spacing:0;writing-mode:vertical-lr;opacity:1;gap:.5rem;margin:.5rem;font-size:1rem;line-height:normal;display:flex}.panel__show i{color:#ff014f}.panel__pop{opacity:1;padding:0 1rem}.panel__pop ul li{padding-top:.5rem}@media (hover:hover){.menu__nav:hover a{color:#878e99}.menu__nav:hover h1{color:#ff014f}.menu__nav a:hover{color:#3c3e41}.menu__img:hover{transition:all .3s;transform:scale(.95);box-shadow:inset 1px 4px 2px -3px #d1d9e6,inset -1px -3px 3px -2px #fff}.menu__toogle:hover{box-shadow:inset 1px 4px 2px -3px #d1d9e6,inset -1px -3px 3px -2px #fff}.panel:hover{transform:translate(3px,-50%)}}@media screen and (width>=900px){.menu__nav{flex-direction:row}.menu__nav__toogle{display:none}}.hero__img{justify-content:center;display:flex;position:relative}.hero__img img{width:100%}.hero__img:before{z-index:-1;content:"";background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;width:100%;min-height:70%;position:absolute;bottom:0;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.hero__content{margin-top:2rem;line-height:2}.hero__content strong,.hero__content__typing{color:#ff014f}.hero__content__subtitle{letter-spacing:3px;font-size:.7rem}.hero__content__title,.hero__content__typing{font-size:1rem;font-weight:900}.hero__content__typing{gap:.4rem;font-family:Montserrat,sans-serif;display:flex}.hero__content__typing__action{color:#3c3e41;appearance:none;pointer-events:none;background-color:#0000;border:none;display:block}.hero__content__typing__action:before{content:"​";content:"​"/"développeur Web.";alt:"développeur Web.";white-space:break-spaces;will-change:content;animation:9.09s linear 1s infinite forwards typed-0}.hero__content__typing__action:after{content:"​";white-space:nowrap;border-right:2px solid;padding-right:2px;animation:.75s linear 1s infinite forwards typed-0-caret;display:inline-block;position:relative}@keyframes typed-0{0%,.549055%{content:"​d";content:"​d"/"développeur Web.";alt:"développeur Web."}.550055%,1.09911%{content:"​dé";content:"​dé"/"développeur Web.";alt:"développeur Web."}1.10011%,1.64916%{content:"​dév";content:"​dév"/"développeur Web.";alt:"développeur Web."}1.65017%,2.19922%{content:"​déve";content:"​déve"/"développeur Web.";alt:"développeur Web."}2.20022%,2.74928%{content:"​dével";content:"​dével"/"développeur Web.";alt:"développeur Web."}2.75028%,3.29933%{content:"​dévelo";content:"​dévelo"/"développeur Web.";alt:"développeur Web."}3.30033%,3.84939%{content:"​dévelop";content:"​dévelop"/"développeur Web.";alt:"développeur Web."}3.85039%,4.39944%{content:"​développ";content:"​développ"/"développeur Web.";alt:"développeur Web."}4.40044%,4.9495%{content:"​développe";content:"​développe"/"développeur Web.";alt:"développeur Web."}4.9505%,5.49955%{content:"​développeu";content:"​développeu"/"développeur Web.";alt:"développeur Web."}5.50055%,6.04961%{content:"​développeur";content:"​développeur"/"développeur Web.";alt:"développeur Web."}6.05061%,6.59966%{content:"​développeur ";content:"​développeur "/"développeur Web.";alt:"développeur Web."}6.60066%,7.14972%{content:"​développeur W";content:"​développeur W"/"développeur Web.";alt:"développeur Web."}7.15072%,7.69977%{content:"​développeur We";content:"​développeur We"/"développeur Web.";alt:"développeur Web."}7.70077%,8.24983%{content:"​développeur Web";content:"​développeur Web"/"développeur Web.";alt:"développeur Web."}8.25083%,20.241%{content:"​développeur Web.";content:"​développeur Web."/"développeur Web.";alt:"développeur Web."}20.242%,20.6811%{content:"​développeur Web";content:"​développeur Web"/"développeur Web.";alt:"développeur Web."}20.6821%,21.1211%{content:"​développeur We";content:"​développeur We"/"développeur Web.";alt:"développeur Web."}21.1221%,21.5612%{content:"​développeur W";content:"​développeur W"/"développeur Web.";alt:"développeur Web."}21.5622%,22.0012%{content:"​développeur ";content:"​développeur "/"développeur Web.";alt:"développeur Web."}22.0022%,22.4412%{content:"​développeur";content:"​développeur"/"développeur Web.";alt:"développeur Web."}22.4422%,22.8813%{content:"​développeu";content:"​développeu"/"développeur Web.";alt:"développeur Web."}22.8823%,23.3213%{content:"​développe";content:"​développe"/"développeur Web.";alt:"développeur Web."}23.3223%,23.7614%{content:"​développ";content:"​développ"/"développeur Web.";alt:"développeur Web."}23.7624%,24.2014%{content:"​dévelop";content:"​dévelop"/"développeur Web.";alt:"développeur Web."}24.2024%,24.6415%{content:"​dévelo";content:"​dévelo"/"développeur Web.";alt:"développeur Web."}24.6425%,25.0815%{content:"​dével";content:"​dével"/"développeur Web.";alt:"développeur Web."}25.0825%,25.5216%{content:"​déve";content:"​déve"/"développeur Web.";alt:"développeur Web."}25.5226%,25.9616%{content:"​dév";content:"​dév"/"développeur Web.";alt:"développeur Web."}25.9626%,26.4016%{content:"​dé";content:"​dé"/"développeur Web.";alt:"développeur Web."}26.4026%,26.8417%{content:"​d";content:"​d"/"développeur Web.";alt:"développeur Web."}26.8427%,32.3422%{content:"​";content:"​"/"développeur Web.";alt:"développeur Web."}32.3432%,32.8923%{content:"​p";content:"​p"/"développeur Web.";alt:"développeur Web."}32.8933%,33.4423%{content:"​pr";content:"​pr"/"développeur Web.";alt:"développeur Web."}33.4433%,33.9924%{content:"​pro";content:"​pro"/"développeur Web.";alt:"développeur Web."}33.9934%,34.5425%{content:"​pro ";content:"​pro "/"développeur Web.";alt:"développeur Web."}34.5435%,35.0925%{content:"​pro d";content:"​pro d"/"développeur Web.";alt:"développeur Web."}35.0935%,35.6426%{content:"​pro du";content:"​pro du"/"développeur Web.";alt:"développeur Web."}35.6436%,36.1926%{content:"​pro du ";content:"​pro du "/"développeur Web.";alt:"développeur Web."}36.1936%,36.7427%{content:"​pro du c";content:"​pro du c"/"développeur Web.";alt:"développeur Web."}36.7437%,37.2927%{content:"​pro du co";content:"​pro du co"/"développeur Web.";alt:"développeur Web."}37.2937%,37.8428%{content:"​pro du cod";content:"​pro du cod"/"développeur Web.";alt:"développeur Web."}37.8438%,38.3928%{content:"​pro du code";content:"​pro du code"/"développeur Web.";alt:"développeur Web."}38.3938%,50.384%{content:"​pro du code.";content:"​pro du code."/"développeur Web.";alt:"développeur Web."}50.385%,50.8241%{content:"​pro du code";content:"​pro du code"/"développeur Web.";alt:"développeur Web."}50.8251%,51.2641%{content:"​pro du cod";content:"​pro du cod"/"développeur Web.";alt:"développeur Web."}51.2651%,51.7042%{content:"​pro du co";content:"​pro du co"/"développeur Web.";alt:"développeur Web."}51.7052%,52.1442%{content:"​pro du c";content:"​pro du c"/"développeur Web.";alt:"développeur Web."}52.1452%,52.5843%{content:"​pro du ";content:"​pro du "/"développeur Web.";alt:"développeur Web."}52.5853%,53.0243%{content:"​pro du";content:"​pro du"/"développeur Web.";alt:"développeur Web."}53.0253%,53.4643%{content:"​pro d";content:"​pro d"/"développeur Web.";alt:"développeur Web."}53.4653%,53.9044%{content:"​pro ";content:"​pro "/"développeur Web.";alt:"développeur Web."}53.9054%,54.3444%{content:"​pro";content:"​pro"/"développeur Web.";alt:"développeur Web."}54.3454%,54.7845%{content:"​pr";content:"​pr"/"développeur Web.";alt:"développeur Web."}54.7855%,55.2245%{content:"​p";content:"​p"/"développeur Web.";alt:"développeur Web."}55.2255%,60.7251%{content:"​";content:"​"/"développeur Web.";alt:"développeur Web."}60.7261%,61.2751%{content:"​p";content:"​p"/"développeur Web.";alt:"développeur Web."}61.2761%,61.8252%{content:"​pr";content:"​pr"/"développeur Web.";alt:"développeur Web."}61.8262%,62.3752%{content:"​pro";content:"​pro"/"développeur Web.";alt:"développeur Web."}62.3762%,62.9253%{content:"​pro ";content:"​pro "/"développeur Web.";alt:"développeur Web."}62.9263%,63.4753%{content:"​pro d";content:"​pro d"/"développeur Web.";alt:"développeur Web."}63.4764%,64.0254%{content:"​pro de";content:"​pro de"/"développeur Web.";alt:"développeur Web."}64.0264%,64.5755%{content:"​pro de ";content:"​pro de "/"développeur Web.";alt:"développeur Web."}64.5765%,65.1255%{content:"​pro de l";content:"​pro de l"/"développeur Web.";alt:"développeur Web."}65.1265%,65.6756%{content:"​pro de l'";content:"​pro de l'"/"développeur Web.";alt:"développeur Web."}65.6766%,66.2256%{content:"​pro de l'a";content:"​pro de l'a"/"développeur Web.";alt:"développeur Web."}66.2266%,66.7757%{content:"​pro de l'ac";content:"​pro de l'ac"/"développeur Web.";alt:"développeur Web."}66.7767%,67.3257%{content:"​pro de l'acc";content:"​pro de l'acc"/"développeur Web.";alt:"développeur Web."}67.3267%,67.8758%{content:"​pro de l'acce";content:"​pro de l'acce"/"développeur Web.";alt:"développeur Web."}67.8768%,68.4258%{content:"​pro de l'acces";content:"​pro de l'acces"/"développeur Web.";alt:"développeur Web."}68.4268%,68.9759%{content:"​pro de l'access";content:"​pro de l'access"/"développeur Web.";alt:"développeur Web."}68.9769%,69.526%{content:"​pro de l'accessi";content:"​pro de l'accessi"/"développeur Web.";alt:"développeur Web."}69.527%,70.076%{content:"​pro de l'accessib";content:"​pro de l'accessib"/"développeur Web.";alt:"développeur Web."}70.077%,70.6261%{content:"​pro de l'accessibi";content:"​pro de l'accessibi"/"développeur Web.";alt:"développeur Web."}70.6271%,71.1761%{content:"​pro de l'accessibil";content:"​pro de l'accessibil"/"développeur Web.";alt:"développeur Web."}71.1771%,71.7262%{content:"​pro de l'accessibili";content:"​pro de l'accessibili"/"développeur Web.";alt:"développeur Web."}71.7272%,72.2762%{content:"​pro de l'accessibilit";content:"​pro de l'accessibilit"/"développeur Web.";alt:"développeur Web."}72.2772%,72.8263%{content:"​pro de l'accessibilité";content:"​pro de l'accessibilité"/"développeur Web.";alt:"développeur Web."}72.8273%,84.8175%{content:"​pro de l'accessibilité.";content:"​pro de l'accessibilité."/"développeur Web.";alt:"développeur Web."}84.8185%,85.2575%{content:"​pro de l'accessibilité";content:"​pro de l'accessibilité"/"développeur Web.";alt:"développeur Web."}85.2585%,85.6976%{content:"​pro de l'accessibilit";content:"​pro de l'accessibilit"/"développeur Web.";alt:"développeur Web."}85.6986%,86.1376%{content:"​pro de l'accessibili";content:"​pro de l'accessibili"/"développeur Web.";alt:"développeur Web."}86.1386%,86.5777%{content:"​pro de l'accessibil";content:"​pro de l'accessibil"/"développeur Web.";alt:"développeur Web."}86.5787%,87.0177%{content:"​pro de l'accessibi";content:"​pro de l'accessibi"/"développeur Web.";alt:"développeur Web."}87.0187%,87.4578%{content:"​pro de l'accessib";content:"​pro de l'accessib"/"développeur Web.";alt:"développeur Web."}87.4588%,87.8978%{content:"​pro de l'accessi";content:"​pro de l'accessi"/"développeur Web.";alt:"développeur Web."}87.8988%,88.3378%{content:"​pro de l'access";content:"​pro de l'access"/"développeur Web.";alt:"développeur Web."}88.3388%,88.7779%{content:"​pro de l'acces";content:"​pro de l'acces"/"développeur Web.";alt:"développeur Web."}88.7789%,89.2179%{content:"​pro de l'acce";content:"​pro de l'acce"/"développeur Web.";alt:"développeur Web."}89.2189%,89.658%{content:"​pro de l'acc";content:"​pro de l'acc"/"développeur Web.";alt:"développeur Web."}89.659%,90.098%{content:"​pro de l'ac";content:"​pro de l'ac"/"développeur Web.";alt:"développeur Web."}90.099%,90.5381%{content:"​pro de l'a";content:"​pro de l'a"/"développeur Web.";alt:"développeur Web."}90.5391%,90.9781%{content:"​pro de l'";content:"​pro de l'"/"développeur Web.";alt:"développeur Web."}90.9791%,91.4181%{content:"​pro de l";content:"​pro de l"/"développeur Web.";alt:"développeur Web."}91.4191%,91.8582%{content:"​pro de ";content:"​pro de "/"développeur Web.";alt:"développeur Web."}91.8592%,92.2982%{content:"​pro de";content:"​pro de"/"développeur Web.";alt:"développeur Web."}92.2992%,92.7383%{content:"​pro d";content:"​pro d"/"développeur Web.";alt:"développeur Web."}92.7393%,93.1783%{content:"​pro ";content:"​pro "/"développeur Web.";alt:"développeur Web."}93.1793%,93.6184%{content:"​pro";content:"​pro"/"développeur Web.";alt:"développeur Web."}93.6194%,94.0584%{content:"​pr";content:"​pr"/"développeur Web.";alt:"développeur Web."}94.0594%,94.4985%{content:"​p";content:"​p"/"développeur Web.";alt:"développeur Web."}94.4995%,to{content:"​";content:"​"/"développeur Web.";alt:"développeur Web."}}@keyframes typed-0-caret{75%{border-color:#0000}}.hero__content__desc{font-size:.8rem}.shortcut{justify-content:space-between;margin-top:1rem;display:flex}.shortcut__social{flex-direction:column;gap:.5rem;display:flex}.shortcut__social__title{color:#3c3e41;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600}.shortcut__social__nav{gap:.5rem;display:flex}.shortcut__social__nav li a{color:#3c3e41;background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;text-decoration:none;transition:all .4s;display:flex;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}@media (hover:hover){.shortcut__social li:hover a{color:#ff014f;transform:translateY(-5px)}}@media screen and (width>=900px){.hero{flex-direction:row-reverse;justify-content:space-between;align-items:end;gap:3rem;max-width:1100px;display:flex}.hero__img{width:100%}.hero__content{max-width:60%}.hero__content__subtitle{font-size:.9rem}.hero__content__title,.hero__content__typing{font-size:1.6rem}.hero__content__desc{font-size:1rem}.shortcut__social,.shortcut__social__nav{gap:1rem}.shortcut__social__nav li a{width:50px;height:50px;font-size:1.8rem}}.footer{border-top:1px solid #3c3e41;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin-top:2rem;display:flex}.footer img{margin:2rem 0 .5rem}.footer h3{margin-bottom:1rem;font-size:.8rem;font-weight:600}.cv{flex-direction:column;width:100%;max-width:1100px;padding:2rem 0 1rem;scroll-margin:7rem;display:flex}.cv__menu{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;justify-content:center;margin-bottom:3rem;display:flex;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.cv__menu ul{width:100%}.cv__menu button{width:100%;padding:1rem;font-size:1rem;font-weight:600}.cv__container{border-left:5px solid #d9dee2;flex-direction:column;padding-left:1rem;display:flex}.cv__container__content ul{flex-direction:column;gap:1rem;display:flex}.cv__container__content__card:before{content:"";background:#d9dee2;width:1rem;height:5px;position:absolute;top:1.75rem;left:-1rem}.cv__container__content__card{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;flex-direction:column;padding:1rem;display:flex;position:relative;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.cv__container__content__card__poste:before{content:"";background:#ecf0f3;border:5px solid #d9dee2;border-radius:100%;width:20px;height:20px;transition:all 1s;position:absolute;top:1.75rem;left:-1rem;transform:translate(-60%,-40%)}.cv__container__content__card__poste{margin-bottom:.5rem;font-size:1rem;font-weight:600}.cv__container__content__card__entreprise{font-size:.8rem}.cv__container__content__card__date{border-bottom:1px solid #d9dee2;margin-bottom:.5rem;padding-bottom:.5rem}.cv__container__content__card__bar{background:#d9dee2;border-radius:14px;width:100%;height:14px;margin-top:.5rem;position:relative;overflow:hidden}.cv__container__content__card__progress{background:linear-gradient(145deg,#fff 0%,#ff014f 100%);border-radius:20px;height:10px;animation-name:skillprogress;animation-duration:.5s;animation-delay:.3s;position:absolute;top:2px;left:2px}.cv__container__content__card__bar:not(:last-child){margin-bottom:1rem}@keyframes skillprogress{0%{opacity:0;transform:translate(-100%)}to{opacity:1}}@media (hover:hover){.cv__menu li button:hover{color:#ff014f}.cv__container__content__card:hover{color:#f4f5f6;background:linear-gradient(145deg,#ff014f,#d11414)}.cv__container__content__card:hover :before{background:#ff014f}}@media screen and (width>=549px){.cv__menu ul{flex-direction:row;display:flex}.cv__menu ul li{width:100%}}.contact{color:#3c3e41;background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:10px;margin-top:2rem;padding:2rem;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.contact__img{border-radius:10px;margin-bottom:2rem;overflow:hidden}.contact__content{flex-direction:column;gap:1rem;margin-bottom:2rem;font-size:1rem;display:flex}.contact__content h3{color:#0d1013;font-size:1.5rem;font-weight:800}.contact__content a{color:#878e99;text-decoration:none;position:relative;overflow:hidden}.contact__content a:after{content:"";opacity:0;background-color:#ff014f;width:100%;height:.1em;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;transform:translate(-100%)}.contact__content a:hover:after,.contact__content a:focus:after{opacity:1;transform:translate(0,0)}.contact__content a:hover{color:#ff014f}.contact__form{color:#3c3e41;letter-spacing:2px;background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:.7rem;width:100%;margin-top:2rem;padding:2rem;display:flex;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.contact__form input,.contact__form select,.contact__form textarea{box-shadow:none;background-color:#fdfefe;border:1.5px solid #dadada;border-radius:6px;font-size:16px;transition:all .6s}.contact__form input,.contact__form select{height:2.5rem}.contact__form select{text-align:center}.contact__form textarea{resize:none;height:15rem;margin-bottom:1rem}.contact__form input:focus,.contact__form select:focus,.contact__form textarea:focus{opacity:.7;border-color:#ff014f;border-radius:3px}.contact__form label{font-size:.8rem}.contact__form button{letter-spacing:3px;color:#3c3e41;cursor:not-allowed;background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;width:100%;padding:.7rem 0;font-size:1rem;font-weight:600;transition:all .4s;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}.contact__form__name,.contact__form__phone,.contact__form__mail,.contact__form__subject,.contact__form__message,.contact__form__button{flex-direction:column;gap:.7rem;width:100%;display:flex}.contact__form__button{justify-content:end;display:flex}@media (hover:hover){.contact__form button:hover{color:#f4f5f6;background:linear-gradient(145deg,#ff014f,#d11414);transform:translateY(-5px)}}@media screen and (width>=549px){.contact,.contact__form{width:calc(50% - 1rem)}.contact__form .contact__form__name{width:calc(50% - 1em)}.contact__form .contact__form__phone{width:calc(50% - 1rem)}}
/*# sourceMappingURL=index.93ed4405.css.map */