*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:focus,:hover,:target{outline:none}::-webkit-scrollbar{width:8px;height:12px}::-webkit-scrollbar-track{background:#7e8b7441;border-radius:10px}::-webkit-scrollbar-thumb{background:#7e8b74;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#707a67;opacity:.7}body{overflow:hidden;width:100dvw;height:100dvh;font-family:Kanit,sans-serif;background-color:#1c211e}a{text-decoration:none;outline:none;color:#fff}a:active,a:focus,a:hover{text-decoration:none;color:none}p{line-height:25px;font-size:14px;opacity:.9}#root{overflow:hidden;width:100dvw;height:100dvh;display:-ms-flexbox;display:flex;background:-webkit-linear-gradient(135deg,#7e8b74da,#1c211e,#e3f7d349,#cde2be9f);background:-o-linear-gradient(135deg,#7e8b74da,#1c211e,#e3f7d349,#cde2be9f);background:linear-gradient(-45deg,#7e8b74da,#1c211e,#e3f7d349,#cde2be9f);background-size:400% 400%;-webkit-animation:gradient 30s ease infinite;animation:gradient 30s ease infinite}@-webkit-keyframes gradient{0%{background-position:0 0}25%{background-position:50% 50%}50%{background-position:100% 100%}75%{background-position:50% 50%}to{background-position:0 0}}@keyframes gradient{0%{background-position:0 0}25%{background-position:50% 50%}50%{background-position:100% 100%}75%{background-position:50% 50%}to{background-position:0 0}}.container{max-width:1200px;width:100dvw;height:calc(100% - 10dvh);-ms-flex-line-pack:center;align-content:center}.container .content .content--inner .content--excerpt{max-height:70dvh;overflow-y:auto;padding-top:10px;padding-right:10px;text-align:justify}.app{position:relative;padding:20px;display:-ms-flexbox;display:flex;height:100dvh;width:100dvw;-ms-flex-align:center;align-items:center;overflow:hidden;margin:0}.app .headerLinks,.app .links{position:absolute;display:-ms-flexbox;display:flex;gap:15px;top:20px}.app .headerLinks{left:20px}.app .links{-ms-flex-wrap:wrap;flex-wrap:wrap;right:20px;z-index:2}.app .links a{opacity:.8}.app .links a:focus{color:red}.app .links a img{width:25px}.app .policies{position:absolute;left:20px;bottom:20px}.app .policies a{font-size:14px;opacity:.4}.app .policies:before{content:" ";height:2px;width:130px;background:#fff;opacity:.4;position:absolute}@media (min-width:768px){.container{padding:0 25px;height:100%}.container .content .content--inner .content--excerpt{max-height:75dvh;padding-right:25px}.app{padding:0}.app .headerLinks{display:none}.app .policies{left:75px}}@media (min-width:1200px){.container{padding:100px 25px}#root .app{-ms-flex-pack:center;justify-content:center}#root .app .links{top:12.5px;right:12.5px}#root .app .policies{left:25px}}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.9);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:9999}.spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(1turn)}}@keyframes sk-rotate{to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}#sidebar{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;z-index:1}nav{position:fixed;bottom:0;right:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:0;width:100dvw;overflow:hidden;z-index:8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:5dvh;-webkit-transition:width .3s ease-in-out,height .3s ease-in-out,border-radius .5s ease-in-out,opacity .9s ease-in-out;-o-transition:width .3s ease-in-out,height .3s ease-in-out,border-radius .5s ease-in-out,opacity .9s ease-in-out;transition:width .3s ease-in-out,height .3s ease-in-out,border-radius .5s ease-in-out,opacity .9s ease-in-out;opacity:.9;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-radius:50%;-webkit-animation:blurAnimationOut 1.5s ease-in-out forwards;animation:blurAnimationOut 1.5s ease-in-out forwards}nav.open{height:100dvh;-webkit-animation:blurAnimation 1.5s ease-in-out forwards;animation:blurAnimation 1.5s ease-in-out forwards;border-radius:0}nav a{text-transform:uppercase;letter-spacing:8px;font-size:24px;position:relative;font-weight:700}@-webkit-keyframes blurAnimation{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1c211e8f}}@keyframes blurAnimation{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1c211e8f}}@-webkit-keyframes blurAnimationOut{0%{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:transparent}}@keyframes blurAnimationOut{0%{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:transparent}}.logoContainer{position:fixed;bottom:0;right:0;z-index:9;padding:10px}.logoContainer:after{content:"";width:200px;height:200px;background:-webkit-radial-gradient(circle,rgba(0,0,0,.249737) 0,#000 0,hsla(93,69%,90%,.1) 100%);background:-o-radial-gradient(circle,rgba(0,0,0,.249737) 0,#000 0,hsla(93,69%,90%,.1) 100%);background:radial-gradient(circle,rgba(0,0,0,.249737) 0,#000 0,hsla(93,69%,90%,.1) 100%);position:absolute;bottom:-70px;right:-70px;border-radius:50%}.logoContainer.open{border-radius:50%}.logoContainer:hover{cursor:pointer}.logoContainer>div{display:-ms-flexbox;display:flex;width:100%;height:100%}.logoContainer img{width:55px;z-index:9}@media (min-width:768px){#sidebar{position:relative;top:0;left:0;height:100dvh;min-width:50px;background:#1c211eb3;-webkit-box-shadow:4px 0 15px rgba(0,0,0,.2);box-shadow:4px 0 15px rgba(0,0,0,.2)}#sidebar .logoContainer{display:none}#sidebar nav{position:absolute;top:0;width:100%;height:auto;border-radius:0;-webkit-animation:none;animation:none}#sidebar nav a{font-size:0;letter-spacing:0;padding:10px}#sidebar nav a.accueil:before,#sidebar nav a.contact:before,#sidebar nav a.profil:before{content:"";width:25px;height:25px;display:-ms-flexbox;display:flex}#sidebar nav a.accueil{-ms-flex-order:2;order:2}#sidebar nav a.accueil:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 495.398 495.398' stroke='%23fff'%3E%3Cpath d='M487.083 225.514l-75.08-75.08v-86.73c0-15.682-12.708-28.391-28.413-28.391-15.669 0-28.377 12.709-28.377 28.391v29.941L299.31 37.74c-27.639-27.624-75.694-27.575-103.27.05L8.312 225.514c-11.082 11.104-11.082 29.071 0 40.158 11.087 11.101 29.089 11.101 40.172 0l187.71-187.729c6.115-6.083 16.893-6.083 22.976-.018l187.742 187.747a28.337 28.337 0 0 0 20.081 8.312c7.271 0 14.541-2.764 20.091-8.312 11.086-11.086 11.086-29.053-.001-40.158z'/%3E%3Cpath d='M257.561 131.836c-5.454-5.451-14.285-5.451-19.723 0L72.712 296.913a13.977 13.977 0 0 0-4.085 9.877v120.401c0 28.253 22.908 51.16 51.16 51.16h81.754v-126.61h92.299v126.61h81.755c28.251 0 51.159-22.907 51.159-51.159V306.79c0-3.713-1.465-7.271-4.085-9.877L257.561 131.836z'/%3E%3C/svg%3E")}#sidebar nav a.profil{-ms-flex-order:1;order:1}#sidebar nav a.profil:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='%23fff'%3E%3Ctitle%3Eprofile [%23ffffff]%3C/title%3E%3Cpath d='M10 10c-2.217 0-4.019-1.794-4.019-4S7.783 2 10 2s4.019 1.794 4.019 4-1.802 4-4.019 4m3.776.673a5.978 5.978 0 0 0 2.182-5.603C15.561 2.447 13.37.348 10.722.042 7.07-.381 3.972 2.449 3.972 6c0 1.89.88 3.574 2.252 4.673C2.852 11.934.39 14.895.004 18.891A1.012 1.012 0 0 0 1.009 20a.99.99 0 0 0 .993-.891C2.404 14.646 5.837 12 10 12s7.596 2.646 7.999 7.109a.99.99 0 0 0 .993.891c.596 0 1.06-.518 1.003-1.109-.385-3.996-2.847-6.957-6.22-8.218' fill='%23fff' stroke='none' fill-rule='evenodd'/%3E%3C/svg%3E")}#sidebar nav a.contact{-ms-flex-order:3;order:3}#sidebar nav a.contact:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='%23fff'%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}%3C/style%3E%3C/defs%3E%3Cg id='ic-contact-message'%3E%3Cpath class='cls-1' d='M19.89 3.25H4.11a2 2 0 0 0-2 2v9.06a2 2 0 0 0 2 2h1.64l2.31 4a.85.85 0 0 0 1.48 0l2.32-4h8a2 2 0 0 0 2-2V5.25a2 2 0 0 0-1.97-2zM5.01 7.86h6M5.01 11.86h13'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}@media (min-width:1200px){#sidebar{width:100dvw;min-height:50px;position:fixed;height:auto;background:#1c211e57;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px rgba(0,0,0,.2)}#sidebar nav{max-width:1200px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}#sidebar nav a{font-size:16px;text-transform:capitalize;font-weight:400}#sidebar nav a.accueil:before,#sidebar nav a.contact:before,#sidebar nav a.profil:before{content:none}#sidebar nav a.accueil{-ms-flex-order:0;order:0}}#home .blur{position:absolute;top:0;left:40dvw;width:20vw;height:20vw;background:-webkit-radial-gradient(46.6% 46.6% at 49.91% 53.4%,#e3f7d3 0,rgba(34,234,164,0) 100%);background:-o-radial-gradient(46.6% 46.6% at 49.91% 53.4%,#e3f7d3 0,rgba(34,234,164,0) 100%);background:radial-gradient(46.6% 46.6% at 49.91% 53.4%,#e3f7d3 0,rgba(34,234,164,0) 100%);opacity:.3;z-index:1;-webkit-animation:blurAnimation 20s infinite alternate;animation:blurAnimation 20s infinite alternate}#home h1,#home h2{font-size:26px;text-transform:uppercase}#home .navLink{position:relative;top:20px}#home .navLink .long-arrow-right{display:block;margin:30px auto;width:10px;height:10px;border-top:2px solid #e3f7d3;border-left:2px solid #e3f7d3;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;left:80px;top:-21px;opacity:.5}#home .navLink .long-arrow-right:after{content:"";display:block;width:2px;height:45px;background-color:#e3f7d3;-webkit-transform:rotate(-45deg) translate(15px,4px);-ms-transform:rotate(-45deg) translate(15px,4px);transform:rotate(-45deg) translate(15px,4px)}@media (min-width:768px){#home{display:grid;grid-template-columns:1fr;width:100dvw}}#profile{position:relative}#profile .profileImage{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}#profile .profileImage img{width:150px;border-radius:50%;border:2px solid #7e8b74;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)}#profile .content .profileText{max-height:50dvh}#profile .content .profileText a{color:#e3f7d3}#portfolio.container{max-width:100%;padding:0}#portfolio.container .content .content--inner .content--excerpt{padding-right:0}#portfolio .skills .carousel-container{position:relative;width:100%;overflow:hidden}#portfolio .skills .carousel-container:hover .carousel-track{-webkit-animation-play-state:paused;animation-play-state:paused}#portfolio .skills .carousel-container:after,#portfolio .skills .carousel-container:before{content:"";position:absolute;top:0;width:50px;height:100%;z-index:1}#portfolio .skills .carousel-container:before{left:0;background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0));background:-o-linear-gradient(left,#fff,hsla(0,0%,100%,0));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}#portfolio .skills .carousel-container:after{right:0;background:-webkit-gradient(linear,right top,left top,from(#fff),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(right,#fff,hsla(0,0%,100%,0));background:-o-linear-gradient(right,#fff,hsla(0,0%,100%,0));background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}#portfolio .skills .carousel-container .carousel-track{display:-ms-flexbox;display:flex;width:100%;-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}#portfolio .skills .carousel-container .carousel-track img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;padding:10px}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}#policies .content .content--inner .content--excerpt h3{margin-top:2dvh;font-weight:500;opacity:.7;font-size:18px}#policies .content .content--inner .content--excerpt a{color:#e3f7d3}
/*# sourceMappingURL=main.5da2f451.css.map*/