body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blanc:#dfdfdf;--bleu:#5fb6ff;--lightB:#92cdff;--grad:radial-gradient(circle,var(--lightB) 0%,var(--bleu) 100%);--colorTaille:250px;background:#181818;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#style-1::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}#style-1::-webkit-scrollbar,#style-1::-webkit-scrollbar-track{background-color:initial;-webkit-transition:.5s;transition:.5s}#style-1::-webkit-scrollbar{width:12px}#style-1::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d;-webkit-transition:.5s;transition:.5s}#style-1::-webkit-scrollbar-thumb:hover{background-color:var(--bleu);-webkit-transition:.5s;transition:.5s}@font-face{font-family:grosText;src:url(/portfolio/static/media/gros.430472dce29733758e6f.otf)}@font-face{font-family:petitText;src:url(/portfolio/static/media/petit.020275c8d7a693e9895a.otf)}.App{padding:5%;width:50vw}.App>h1{-webkit-text-fill-color:#0000;background:var(--bleu);background:var(--grad);-webkit-background-clip:text;font-family:grosText;font-size:80px;line-height:90%;text-transform:uppercase;width:-webkit-min-content;width:min-content}@media screen and (max-width:728px){.App>h1{font-size:13vw}}.review{border:1px solid #777;border-radius:10px;height:500px;margin-top:10%}.review h2{color:var(--blanc);font-family:petitText;font-size:30px;text-align:center}.compe{border:1px solid #777;border-radius:10px;height:500px;padding:10%;width:-webkit-max-content;width:max-content}.card{border-radius:20px;height:60vw;margin:0 auto;max-height:450px;max-width:300px;perspective:1000px;transition:transform .3s ease-in-out;width:calc(40vw - 20px)}.card:hover{transform:scale(1.05) rotate(3deg)}.card .back,.card .front{background-size:cover;border-radius:20px;box-shadow:0 0 20px #fff,0 0 50px #0000006b}.card .front{background:url(/portfolio/static/media/pythonCard.70acf6a7a62cfb76aee4.png)}.card .back{background:url(/portfolio/static/media/backCardB.75d6d16ffa93f363a341.png);transform:rotateY(-180deg)}.skill-bar{height:-webkit-min-content;height:min-content;width:100%}.skill-name{width:100%}.skill-name span{color:var(--blanc);font-family:petitText}.skill-percentage{display:block;position:relative;text-align:right;width:100%}.progress-bar{background-color:#ffffff1a;height:10px;width:60vw}@media screen and (max-width:728px){.progress-bar{width:80vw}}.progress{background:var(--bleu);background:var(--grad);height:100%;transition:.5s;width:0}.commentAvis{grid-column-gap:50px;grid-row-gap:25px;align-items:center;column-gap:50px;display:grid;grid-template-columns:auto auto;row-gap:25px;width:100%}.rate-bar{align-items:flex-end;display:flex;flex-direction:row;height:-webkit-min-content;height:min-content;width:100%}.rate-bar span{color:var(--blanc);font-family:petitText;margin-right:10px}.rate-name{width:100%}.rate-name span{color:var(--blanc);font-family:petitText}.rate-percentage{display:block;position:relative;text-align:right;width:100%}.Rprogress-bar{background-color:#ffffff1a;height:10px;width:60vw}@media screen and (max-width:728px){.Rprogress-bar{width:80vw}}.Rprogress{background:var(--bleu);background:var(--grad);height:100%;transition:.5s;width:0}.Avis{grid-gap:50px;grid-row-gap:50px;gap:50px;grid-row-end:3;grid-row-start:1;grid-template-columns:auto;row-gap:50px;transition:.5s;width:-webkit-max-content;width:max-content}.Avis,.Comment{display:grid}.inp{border-radius:3px;margin:auto;overflow:hidden;position:relative;width:100%}.inp .label{color:#ffffff80;font-size:16px;font-weight:500;left:12px;pointer-events:none;position:absolute;top:20px;transform:translateZ(0);transform-origin:0 0;transition:all .2s ease}.inp .focus-bg{background:#0000000d;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%;z-index:-1}.inp input[type=text]{-webkit-appearance:none;appearance:none;background:#ffffff05;border:0;box-shadow:inset 0 -1px 0 #0000004d;color:#fff;font-family:petitText;font-size:16px;font-weight:400;height:56px;padding:16px 12px 0;transition:all .15s ease;width:100%}.inp input[type=text]:hover{background:#ffffff0a;box-shadow:inset 0 -1px 0 #00000080}.inp input[type=text]:not(:-moz-placeholder-shown)+.label{color:#ffffff80;transform:translate3d(0,-12px,0) scale(.75)}.inp input[type=text]:not(:-ms-input[type=text]-placeholder)+.label{color:#ffffff80;transform:translate3d(0,-12px,0) scale(.75)}.inp input[type=text]:not(:placeholder-shown)+.label{color:#ffffff80;transform:translate3d(0,-12px,0) scale(.75)}.inp input[type=text]:focus{background:#0000000d;box-shadow:inset 0 -2px 0 var(--bleu);outline:none}.inp input[type=text]:focus+.label{color:var(--bleu);transform:translate3d(0,-12px,0) scale(.75)}.inp input[type=text]:focus+.label+.focus-bg{transform:scaleX(1);transition:all .1s ease}.rating{border:none;float:left;height:0;overflow:hidden;transition:.2s;width:-webkit-fit-content;width:fit-content}.rating>label{color:#90a0a3;float:right}.rating>label:before{content:"";display:inline-block;font-size:2em;margin:5px}.rating>input{display:none}.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label,.rating>input:checked~label{color:#f79426}.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>input:checked~label:hover~label,.rating>label:hover~input:checked~label{color:#fece31}.send{background-color:var(--blanc);border:none;height:25px;transition:.2s ease;width:100%}.send:hover{background-color:var(--bleu);color:#fff}.send:active{background-color:#969696}.sended{animation:vol 1s}@keyframes vol{0%{transform:translate(0)}25%{color:#0000;transform:translate(25vw)}50%{transform:translate(-25vw)}to{transform:translate(0)}}.commentBox{border-radius:10px;box-shadow:0 0 20px 0 #00000063;color:#fff;font-family:petitText;font-size:large;min-width:230px;padding:25px;transition:.2s;width:-webkit-min-content;width:min-content}.commentBox:hover{box-shadow:0 0 20px 0 #000000b0;transform:scale(1.01)}.commentBox img{background-color:var(--bleu);border-radius:50px;box-shadow:2px 0 18px 0 #000000b3;height:50px;margin-right:1em;transition:.5s;transition:0s;width:50px}.commentBox .header{align-items:center;display:flex}.comment-wrapper{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-out{opacity:0;transform:translateX(10px)}.fade-in{opacity:1;transform:translateX(0)}.pres{color:#fff;font-family:petitText;font-size:large;height:-webkit-min-content;height:min-content;width:60vw}.pres li::marker{color:var(--bleu)}.pres p span{-webkit-text-fill-color:#0000;background:var(--bleu);background:var(--grad);-webkit-background-clip:text;font-weight:700}@media screen and (max-width:728px){.pres{width:80vw}}.divInputColor{align-items:center;background:#fff;border-radius:50px;box-shadow:0 0 7px var(--bleu);cursor:pointer;display:flex;height:50px;overflow:hidden;position:absolute;right:30px;top:30px;transition:.5s;width:50px;z-index:99}@media screen and (max-width:728px){.divInputColor{bottom:30px;position:fixed;right:30px;top:auto}}.divInputColor img{background-color:var(--bleu);border-radius:50px;box-shadow:2px 0 18px 0 #000000b3;height:50px;transition:.5s;transition:0s;width:50px}.divInputColor:hover{width:var(--colorTaille)}.divInputColor h3{color:#000;font-family:petitText;font-size:20px;margin-left:5%;text-align:center}.inputColor{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:0;cursor:pointer;height:100%;left:5%;padding:0;position:relative;transition:.5s}.containerTitre{color:var(--blanc);font-family:petitText;transition:.3s;width:-webkit-fit-content;width:fit-content}.projet{grid-gap:50px;grid-row-gap:50px;border:1px solid #777;border-radius:10px;display:grid;gap:50px;grid-template-columns:auto;overflow:hidden;padding:5%;row-gap:50px;transition:.5s;width:-webkit-max-content;width:max-content}.fleche{color:#fff;font-size:110%;transform:rotate(-90deg);transition:.5s;z-index:99}.containerTitre:hover{color:var(--bleu);cursor:pointer}
/*# sourceMappingURL=main.643d8116.css.map*/