a,h1,h2,h3,h4,h5,h6,p{color:#ede4ff;-webkit-user-select:none;user-select:none}body{background-color:#c5a6ff}.background{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:-1%;margin-top:-1%;opacity:20%;position:fixed;scale:150%;width:100%;z-index:-11}.App{background-color:#5903af;border:4px solid #360077;border-radius:15px;display:flex;flex-wrap:wrap;margin-left:5%;margin-right:5%;overflow:hidden;width:90%}.contacts-box{border-radius:10px;height:800px;width:40%}.info-box{background-color:#360077;display:flex;flex-direction:column;overflow:hidden;text-align:center;width:60%}.skills-box{background-color:#7704e9;border:3px solid #000;border-radius:13px;box-shadow:0 0 10px 1px #bca3f1;height:10%;overflow:hidden;padding-bottom:.5%;padding-top:.7%;width:100%}.works-box{background-color:#8e4fed;margin-top:1%;width:100%}.about-me-place div{width:100%}.about-me-place img{margin-bottom:-2%;margin-top:3%;scale:110%;width:60%}.about-me-place h2,.about-me-place p{text-align:center}.about-me-place h2{font-size:50px;font-weight:bolder}.about-me-place h2,.about-me-place p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.about-me-place p{font-size:25px;font-weight:500}.skill-place{height:100%;width:100%}.skill-place .skills-navbar{position:relative}.content-simples-box,.skill-place .skill-infos-box{background-color:#000000cf;bottom:0;left:0;position:fixed;right:0;top:0}.content-simples,.skill-place .skill-infos{align-items:center;background-color:#700bce;border:5px solid #000;border-radius:15px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;flex-wrap:wrap;margin-left:15%;margin-top:-43%;overflow:hidden;position:fixed;text-align:center;transition:all .2s ease-in-out;width:60%}#visible{margin-top:-45%;opacity:100%;z-index:999}#visible-box{opacity:100%;z-index:1}#hidden{opacity:0;z-index:-111}.skill-place .skill-infos h1{align-self:flex-start;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:.5%;margin-top:-.5%;transition:all .05s ease-in-out}.skill-place .skill-infos h1:hover{color:#000}.skill-place .skill-infos img{width:30%}.skill-place .skill-infos h3{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:45px}.skill-place .skill-infos p{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:30px}.skill-place .skill-infos a{background-color:#caf0f8;border:3px solid #000;border-radius:10px;color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:29px;margin-bottom:1%;padding-left:1%;padding-right:1%;text-align:center;text-decoration:none;transition:all .2s ease-in-out;width:10%}.skill-place .skill-infos a:hover{background-color:#dcf;border:3px solid #03045e;box-shadow:0 0 10px 3px #9437ffb1}.skill-place .skills-navbar{display:flex;justify-content:space-around}.skill-place .skills-navbar div{align-content:center;border-radius:7px;cursor:pointer;text-align:center;transition:all .1s ease-in-out;width:10%}.skill-place .skills-navbar div:hover{margin-top:-.5%}.skill-place .skills-navbar div img{margin-bottom:-2%;margin-top:2%;width:70%}.contacts-place{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;width:100%}.contacts-place .media{background-color:#38019d;border:3px solid #000;border-radius:15px;box-shadow:0 0 4px 7px #b96dff33;display:flex;flex-direction:row;height:100px;margin-left:2.5%;margin-top:3%;overflow:hidden;text-align:center;transition:all .1s ease-in-out;width:95%}.contacts-place .media:hover{margin-left:3.2%}.contacts-place .media img{align-self:flex-start;height:100%;scale:80%;width:18%}.contacts-place .media h1{font-size:30px;text-align:left;width:62%}.contacts-place .media a,.contacts-place .media h1{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.contacts-place .media a{align-self:center;background-color:#9b46fc;border:3px solid #03045e;border-radius:10px;color:#000;cursor:pointer;font-size:28px;height:40%;text-align:center;text-decoration:none;transition:all .1s ease-in-out;width:16%}.contacts-place .media a:hover{background-color:#36007a;box-shadow:0 0 4px 3px #9337ff;color:#c4a4ff}.content-place{display:flex;flex-wrap:wrap;width:100%}.content-place .navbar{background-color:#3e0479;display:flex;flex-direction:row;justify-content:space-around;padding-bottom:.5%;padding-top:.5%;width:100%}.content-place .navbar .content-type{background-color:#bb91fa;cursor:pointer;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:30px;text-align:center;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none;width:24%}#selected,.content-place .navbar .content-type:hover{background-color:#dcc6fd;box-shadow:0 0 4px 3px #e2d0fe}.content-place .desc-box{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:50px;margin-bottom:1%;margin-top:1%;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.content-place .content-box{border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-around;padding-bottom:1%;padding-top:1%;width:100%}.card{border:4px solid #000;border-radius:20px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-wrap:wrap;height:500px;margin-bottom:1%;overflow:hidden;text-align:center;transition:all .15s ease-in-out;width:35%}.card:hover{border:4px solid #070a92;box-shadow:0 0 10px 5px #caf0f8b7;scale:101.5%}.card:hover .informations{background-color:#dcf}.card h6{background-color:#f0f8ff;color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:40px;height:9%;margin-bottom:50%;margin-top:0;width:100%}.card .informations{align-self:center;background-color:#b59de5;border:3px solid #000;border-radius:15px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin-left:25%;padding-bottom:2%;transition:all .15s ease-in-out;width:50%}.card .informations p{color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px}.card .informations a,.card .informations button{background-color:#8a31f0;border:2px solid #000;color:#fff;cursor:pointer;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:20px;text-decoration:none;transition:all .14s ease-in-out;width:30%}.card .informations a:hover,.card .informations button:hover{background-color:#31035e}.card .informations a{padding-left:5%;padding-right:5%}.content-simples{align-items:stretch;border-radius:10px;flex-direction:row;height:50%;justify-content:space-around;margin-left:18%;overflow-y:scroll;width:50%}.content-simples .simple{background-color:#c4a4ff;border:3px solid #000;border-radius:10px;box-shadow:0 4px 4px 0 #0003,0 6px 10px 0 #00000030;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:2%;overflow:hidden;transition:all .1s ease-in-out;width:20%}.content-simples .simple:hover{border:3px solid #03045e;box-shadow:0 0 14px 3px #0dd9fd79;scale:102%}.simple h3{font-size:30px;margin-left:1%}.simple a,.simple h3{color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.simple a{background-color:#8c36ef;cursor:pointer;font-size:26px;text-decoration:none;transition:all .1s ease-in-out}.simple a:hover{background-color:#a473ff}@media (max-width:1450px){.App{margin-left:1%;margin-right:1%;width:98%}.skill-place .skill-infos a{font-size:25px}.content-place .desc-box{font-size:40px}.card{width:40%}.content-simples,.skill-place .skill-infos{margin-left:18.5%;margin-top:-47%}#visible{margin-top:-50%}.content-simples{margin-left:22%}}@media (max-width:1235px){.skill-place .skill-infos a{font-size:22px}.contacts-box,.info-box{height:700px}.contacts-place .media img{width:20%}.contacts-place .media h1{font-size:26px;width:60%}.contacts-place .media{height:80px}.skill-place .skills-navbar div img{width:85%}}@media (max-width:1026px){.content-simples,.skill-place .skill-infos{margin-left:18.5%;margin-top:-28%}#visible{margin-top:-35%}.content-simples{margin-left:22%}.contacts-box{height:100px;width:100%}.contacts-place .media img{height:100%;margin-left:0;scale:90%;width:55%}.contacts-place{flex-direction:row;justify-content:center}.contacts-place .media h1{height:0;visibility:hidden;width:0}.contacts-place .media a{height:50%;width:40%}.contacts-place .media{align-items:center;display:flex;height:90px;justify-content:center;margin-top:0;padding-right:1%;width:20%}.info-box{flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}.about-me-place,.info-box{display:flex}.about-me-place img{margin-bottom:0;margin-top:0;scale:90%;width:50%}.about-me-place div{align-content:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding-right:2%;width:50%}.skills-box{border-radius:0;border-radius:10px;box-shadow:0 0 12px 1px #aadcf6ab;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.skill-place .skills-navbar{width:100%}.skill-place .skills-navbar div{border-radius:0;cursor:pointer;width:10%}.skill-place .skills-navbar div img{margin-bottom:1%;margin-top:2%;width:70%}.card{border-radius:20px;height:200px;width:90%}.card h6{font-size:30px;height:16%;margin-bottom:0}.card .informations{margin-left:60%;width:35%}.contacts-place .media:hover{margin-top:.5%;z-index:92}.skill-place .skill-infos img{width:35%}.skill-place .skill-infos h3{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:40px}.skill-place .skill-infos a{font-size:29px;width:25%}.content-simples .simple{width:30%}}@media (max-width:900px){.content-simples,.skill-place .skill-infos{margin-left:18.5%;margin-top:-23%}#visible{margin-top:-30%}.content-simples{margin-left:8.5%;width:80%}.contacts-box{height:70px}.contacts-place .media img{height:90%;margin-right:3%;width:50%}.contacts-place .media a{border:1.5px solid #000;font-size:25px}.contacts-place .media{height:65px;width:18%}.content-place .desc-box{font-size:35px}}@media (max-width:850px){.about-me-place img{scale:90%;width:55%}.info-and-skills-container{height:400px}.skills-box{box-shadow:0 0 10px 1px #aadcf6ab}.card{border-radius:20px;height:200px;width:90%}.card .informations{border:2px solid #000;margin-left:67%;width:30%}.card .informations p{font-size:20px}.card .informations a{font-size:17px}.content-place .desc-box{font-size:30px}.content-place .navbar{flex-wrap:wrap;padding-bottom:1%}.content-place .navbar .content-type{font-size:25px;margin-top:.7%;width:45%}.skill-place .skill-infos h3{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:35px}.works-box{margin-top:3%}.skill-place .skill-infos a{font-size:25px;width:20%}.content-simples .simple{width:30%}}@media (max-width:790px){.content-simples,.skill-place .skill-infos{margin-top:-23%}#visible{margin-top:-30%}.about-me-place img{width:65%}.about-me-place div{width:100%}.about-me-place div h2{font-size:45px}.about-me-place div p{font-size:22px}.info-and-skills-container{height:450px}.card .informations p{font-size:22px}.card .informations a{font-size:15px}.contacts-place .media{width:20%}}@media (max-width:690px){.skill-place .skill-infos{margin-top:-63%}#visible{margin-top:-100%}.content-simples{margin-left:8%}.contacts-box{height:600px;overflow-y:scroll;width:20%}.contacts-place .media img{margin-bottom:5%;margin-right:-2.5%;margin-top:10%;scale:90%;width:95%}.contacts-place .media h1{height:0;position:absolute;width:0;z-index:-1000}.contacts-place .media a{border-radius:0;scale:105%;width:100%}.contacts-place .media{margin-bottom:2%;width:86%}.contacts-place .media,.info-box{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.info-box{overflow:hidden;width:80%}.about-me-place{flex-direction:column}.about-me-place img{margin-bottom:0;margin-top:1%;scale:100%;width:100%}.about-me-place div{width:100%}.skill-place .skills-navbar{flex-wrap:wrap;width:100%}.skill-place .skills-navbar div{border-radius:0;cursor:pointer;width:25%}.skill-place .skills-navbar div img{width:50%}.content-place .navbar .content-type{font-size:23px;margin-top:.7%;width:49%}.card{border-radius:20px;height:200px;width:90%}.card h6{font-size:30px;height:16%;margin-bottom:0}.card .informations{margin-left:60%;width:35%}.contacts-place .media:hover{margin-left:9%}.skill-place .skill-infos img{width:35%}.skill-place .skill-infos h3{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:40px}.skill-place .skill-infos a{font-size:29px;width:25%}.content-simples .simple{width:45%}.card .informations a,.card .informations button{width:40%}}@media (max-width:580px){.skill-place .skill-infos a{font-size:25px}.skill-place .skill-infos{margin-left:6.5%;width:80%}.content-simples{margin-left:7%}}@media (max-width:500px){.App{margin-left:.5%;margin-right:.5%;width:99%}.info-box{height:600px}.contacts-box{height:600px;overflow-y:scroll;width:20%}.skill-place .skill-infos a{font-size:22px}.content-place .desc-box{font-size:23px}}@media (max-height:730px){#visible{margin-top:-115%}}@media (max-height:650px){#visible{margin-top:-55%}}@media (max-width:440px){.skill-place .skill-infos{margin-left:6%;width:80%}#visible{margin-top:-110%}.content-simples{margin-left:8%}.content-simples .simple{width:70%}.skill-place .skill-infos h1{font-size:20px;margin-left:2%}.contacts-box,.info-box{height:500px}.contacts-place .media a{font-size:20px;margin-top:2%}.about-me-place div h2{font-size:30px}.about-me-place div p{font-size:18px}.contacts-box,.info-and-skills-container{height:570px}.card .informations a,.card .informations button{font-size:15px}.card .informations p{font-size:17px}.card .informations{margin-left:55%;padding-left:1%;padding-right:1%;width:40%}.skill-place .skill-infos img{width:35%}.skill-place .skill-infos h3{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:30px}.skill-place .skill-infos a{font-size:21px;width:25%}}@media (max-width:400px){.skill-place .skill-infos{margin-left:6%;width:80%}#visible{margin-top:-120%}.content-simples{margin-left:6%}.contacts-box{width:15%}.info-and-skills-container{width:85%}.contacts-place .media a{font-size:15px}.content-place .navbar .content-type{font-size:20px}.content-place .desc-box{font-size:18px}}@media (max-width:300px){.skill-place .skill-infos{margin-left:6%;width:80%}#visible{margin-top:-120%}.content-simples{margin-left:6%}.contacts-place .media{border-radius:6px}.contacts-place .media a{font-size:10px}.contacts-box,.info-and-skills-container{height:500px}.content-place .navbar .content-type{font-size:15px}.card .informations a,.card .informations button{font-size:10px;width:50%}.card{border:3px solid #000;border-radius:5px}.card .informations{border:2px solid #000;border-radius:5px}.skill-place .skill-infos a{border-radius:2px;font-size:17px}}@media (min-width:2300px){.contacts-place .media h1,.content-place .navbar .content-type{font-size:40px}.contacts-place .media{height:150px}.contacts-place .media a{font-size:30px}.card{border-radius:20px;height:500px;width:90%}.card h6{font-size:60px;height:16%;margin-bottom:0}.card .informations{margin-left:60%;width:35%}.card .informations a,.card .informations button{font-size:45px}.card .informations p{font-size:50px}.content-place .desc-box{font-size:70px}.about-me-place h2{font-size:80px}.about-me-place p{font-size:55px}#visible{margin-top:0}.skill-place .skill-infos h1{font-size:80px;margin-left:2%}.skill-place .skill-infos h3{font-size:90px}.skill-place .skill-infos a{font-size:90px;width:35%}.content-simples .simple{width:80%}.content-simples .simple h3{font-size:90px}.content-simples .simple a{font-size:80px}}@media (min-width:2900px){.contacts-place .media h1{font-size:50px}.content-place .navbar .content-type{font-size:60px}.contacts-place .media{height:150px}.contacts-place .media a{font-size:50px}.content-place .desc-box{font-size:90px}.card .informations a,.card .informations button{font-size:55px}.card .informations p{font-size:70px}}@media (min-width:3400px){#visible{margin-top:-10%}.skill-place .skill-infos h1{font-size:90px;margin-left:2%}}@media (min-width:4400px){#visible{margin-top:-25%}.skill-place .skill-infos h1{margin-left:.8%}.skill-place .skill-infos h3{font-size:150px}.skill-place .skill-infos a{font-size:90px;width:35%}.about-me-place h2{font-size:110px;margin-top:10%}.about-me-place p{font-size:75px}.content-simples .simple h3{font-size:110px}.content-simples .simple a{font-size:100px}.contacts-place .media h1{font-size:80px}.content-place .navbar .content-type{font-size:90px}.contacts-place .media{height:250px}.contacts-place .media a{font-size:75px}.card{height:750px}.card h6{font-size:100px}.card .informations a,.card .informations button{font-size:75px}.card .informations p{font-size:90px}}
/*# sourceMappingURL=main.5afaf90e.css.map*/