body{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{height:75px;display:flex;justify-content:space-between;align-items:center;background-color:#282828;border-bottom:1px solid rgba(70,70,70,.5)}.communication{width:50%;display:flex;justify-content:space-around}.samuel-image{width:50px;border-radius:50%;border:1px solid #fff}.communication a{display:flex;align-items:center;color:#fff;text-decoration:none;transition:.15s}.communication a img{width:45px}.communication a span{margin-left:7px}.communication a:hover{color:#ffd27d}.social-links{width:110px;margin-right:25px;display:flex;justify-content:space-between}.social-links a img{width:45px;border-radius:50%;transition:.2s}.social-links a img:hover{width:42px;border-radius:50%}@media screen and (max-width:1000px){.social-links{margin-right:15px}.communication{width:500px}.samuel-image{display:none}}@media screen and (max-width:600px){.communication{width:150px}.communication a span{display:none}}.main-skills{padding:25px;display:flex;flex-direction:column;align-items:center;background-color:#272727}.main-skills img{width:75px}.main-skills section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:70%;margin:10px 0;border:1px solid hsla(0,0%,100%,.212);padding:20px;border-radius:10px;transition:.2s;text-align:center}.main-skills section:hover{cursor:pointer;border:1px solid #fff}section span{margin-bottom:15px}@media screen and (min-width:2100px){.main-skills section{max-width:1480px}}@media screen and (max-width:580px){.main-skills h1{display:flex;flex-direction:column;align-items:center}}@media screen and (max-width:390px){.main-skills h1{font-size:1.5em}}@media screen and (max-width:303px){.main-skills h1{font-size:1.35em}}footer{height:50px;display:flex;justify-content:center;align-items:center;background-color:#323232}a.github-footer,a.react-footer{color:#fff;margin:0 5px;text-decoration:none;font-weight:700;transition:.15s}a.github-footer:hover{color:orange}a.react-footer:hover{color:#0ddbff}@media screen and (max-width:610px){footer{height:75px;display:flex;flex-direction:column}}@media screen and (max-width:330px){footer{font-size:.9em}}@media screen and (max-width:300px){footer{font-size:.8em}}.home{display:flex;height:620px;justify-content:space-between;background-color:#323232}.home main{width:100%;display:flex;justify-content:space-evenly}.personal-infos{width:45%;display:flex;flex-direction:column;justify-content:center;margin-left:30px}.personal-infos h3{font-size:1.5em;margin-bottom:-20px}.personal-infos h1{font-size:80px;margin-bottom:10px}.personal-infos p{font-size:1.4em}.main-image{width:45%;display:flex;justify-content:center;align-items:center}.main-image img{width:300px;border-radius:50%;border:1px solid #fff;box-shadow:7px 7px 7px #000}aside{display:flex;align-self:center;height:90%;width:80px;min-width:80px;border-radius:10px;margin-right:10px;background-color:#282828;border-left:1px solid rgba(70,70,70,.5);box-shadow:5px 5px 10px #000;transition:.2s}aside:hover{height:92%}.main-skills-aside{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:space-evenly}.main-skills-aside img{width:45px;transition:.1s}.main-skills-aside img:hover{width:50px;cursor:pointer}@media screen and (max-width:850px){.main-image img{width:250px}.personal-infos{width:400px}}@media screen and (max-width:800px){.main-image img{width:200px}}@media screen and (max-width:750px){.main-image img{width:200px}aside{display:none}}@media screen and (max-width:700px){.main-image img{width:150px}}@media screen and (max-width:600px){.main-image{display:none}}@media screen and (max-width:450px){.home{height:520px}.personal-infos{width:300px}.personal-infos h3{font-size:1.1em}.personal-infos h1{font-size:70px}.personal-infos p{font-size:1.2em}}@media screen and (max-width:330px){.home{height:450px}.personal-infos{width:280px}.personal-infos h3{font-size:1em}.personal-infos h1{font-size:60px}.personal-infos p{font-size:1.1em}}@media screen and (max-width:300px){.home{height:400px}.personal-infos{width:270px;margin-left:10px}.personal-infos h3{font-size:1em}.personal-infos h1{font-size:60px}.personal-infos p{font-size:.95em}}@media screen and (min-width:1500px){.home{justify-content:center}.home main{max-width:1500px}}
/*# sourceMappingURL=main.7c9d0ee0.chunk.css.map */