@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:grid;font-family:Montserrat,sans-serif;grid-template-areas:"header" "body" "footer";grid-template-columns:100%;grid-template-rows:auto 1fr 8vh}.App .header{grid-area:header;position:fixed;top:0}.App .body,.App .reduxPage{grid-area:body}.App .footer{grid-area:footer}

/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */.home{display:grid;grid-template-columns:10vw 80vw 10vw;grid-template-rows:50vh 15vh 25vh 10vh;height:100vh;position:relative;text-align:inherit}.home img{filter:grayscale(100%) opacity(100%) blur(0) brightness(40%);-webkit-filter:grayscale(100%) opacity(100%) blur(0) brightness(40%);grid-column:1/all;grid-row:1/all;height:100%;overflow:hidden;position:fixed;-webkit-transform:scaleX(-1);transform:scaleX(-1);width:100%;z-index:-1}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}.typed{align-self:end;display:grid;grid-column:2/3;grid-row:1/2;grid-template-rows:20vh 5vh 5vh;margin:2vh 0;text-align:left}.typed h1{align-self:end;color:#b9b9b9;font-size:2.5rem}.typed h2{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:opacity;animation-name:opacity;color:#fafafa;font-size:1.5rem;margin:0;padding:4px 0}.typed .row1{align-self:flex-end}.typed .row2{align-self:flex-start}.socialIcons{color:#b9b9b9;height:20px;padding-right:10px}.social{grid-row:2/3}.bounce,.social{grid-column:2/3;text-align:left}.bounce{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:5;animation-iteration-count:5;-webkit-animation-name:bounce;animation-name:bounce;color:#b9b9b9;font-size:15px;grid-row:3/4}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}#about{scroll-behavior:smooth}@media (max-width:700px){.typed h1{font-size:1.5rem}.typed h2{font-size:1rem}}.diagonal{bottom:0;pointer-events:none;position:absolute;width:100%;z-index:3}.diagonal .homeleft,.diagonal .homeright{stroke:#fff;stroke-width:4;fill:#fff;bottom:0;position:absolute;z-index:3}.diagonal .homeleft{left:0}.diagonal .homeright{right:0}

/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */.about{align-content:center;align-items:center;background-image:linear-gradient(#fff,#ebebeb);display:flex;flex-flow:row wrap;height:100vh;justify-content:center;margin:auto;position:relative;width:100%}.about img{align-self:flex-start;border:5px solid #111;box-shadow:20px 20px 20px 0 #cecece;height:30vh;margin:auto 5vw auto 0}.about .textArea{text-align:center;width:40vw}.about .textArea h1{font-size:1.5rem;margin:10px 0;text-align:left}.about .textArea p{text-align:justify}.about .textArea a{background-color:#111;border:1px solid #111;color:#fff;display:inline-block;font-size:12px;line-height:35px;margin:15px auto;padding:0 20px;text-decoration:none}.about .textArea a:hover{background-color:initial;color:#666}.about .textArea a,.about .textArea a:hover{transition:all .5s}@media (max-width:700px){.about{align-content:flex-start}.about img{height:25vh;margin:15vh 0 0}.about .textArea{margin:0 10vw;width:80vw}.about .textArea h1{text-align:center}.about .textArea p{font-size:.9rem;text-align:justify}}

/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */.portfolio{background-image:linear-gradient(#fff,#ebebeb);display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:100%;min-height:100vh;padding:30px;position:relative;text-align:center}.portfolio h1{font-size:1.5rem;padding:20px}.portfolio .projects{display:flex;flex-flow:row wrap;justify-content:center;margin:auto;max-width:1500px;width:80vw}.portfolio .projects .card{background-color:#fff;border:1px solid rgba(0,0,0,.13);margin:5px;max-width:250px}.portfolio .projects .card h3{font-size:1.2rem;margin-top:10px}.portfolio .projects .card p{font-size:.8rem}.portfolio .projects .card .image{position:relative}.portfolio .projects .card .image p{color:transparent;position:absolute;top:30%;width:100%;z-index:5}.portfolio .projects .card .image img{display:block;filter:brightness(100%);-webkit-filter:brightness(100%);max-width:100%;object-fit:cover;transition:-webkit-filter .5s ease-out;transition:filter .5s ease-out;transition:filter .5s ease-out,-webkit-filter .5s ease-out}.portfolio .projects .card .image:hover p{align-items:center;color:#fff;display:block;justify-self:center;padding:20px}.portfolio .projects .card .image:hover img{filter:brightness(10%);-webkit-filter:brightness(10%)}.portfolio .projects .card .buttons{align-items:center;display:flex;height:40px;justify-content:space-evenly;margin:10px}.portfolio .projects .card .buttons .button{background-color:#111;border:1px solid #111;color:#fff;display:inline-block;font-size:12px;line-height:30px;margin:10px;padding:0 20px;text-decoration:none;width:100px}.portfolio .projects .card .buttons .button:hover{background-color:initial;color:#666}.portfolio .projects .card .buttons .button,.portfolio .projects .card .buttons .button:hover{transition:all .5s}.portfolio .projects .card .technos ul{display:flex;flex-flow:row wrap;font-size:.7rem;justify-content:center;margin:10px}.portfolio .projects .card .technos ul li{border:1px solid #757575;color:#111;margin:3px;padding:2px 5px}.skills{align-items:center;background-image:linear-gradient(#fff,#ebebeb);display:flex;flex-flow:column wrap;justify-content:center;margin:auto;min-height:100vh;position:relative}.skills h1,.skills h2{margin:10px auto;text-align:center}.skills h1{font-size:1.5rem}.skills h2,.skills h3{font-size:1rem}.skills .hexGrid{grid-gap:10px;display:grid;grid-template-columns:repeat(18,1fr);list-style-type:none;margin:2vh auto 0;overflow:hidden;width:60vw}.skills .hexGrid .hex{grid-column-end:span 2;outline:1px solid transparent;position:relative;visibility:hidden}.skills .hexGrid .hex:after{content:"";display:block;padding-bottom:86.602%}.skills .hexGrid .hex img{height:150%;left:-100%;margin:0 auto;right:-100%;top:-25%;-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);width:auto}.skills .hexGrid .hex img[alt=bootstrap],.skills .hexGrid .hex img[alt=git],.skills .hexGrid .hex img[alt=semantic]{height:108%;top:-5%}.skills .hexGrid .hex img[alt=mySql]{height:100%;left:-50%;top:25%}.skills .hexGrid .hex h3{background-color:#000;bottom:35%;box-sizing:border-box;font-weight:300;padding:60% 0 10%;text-align:center;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);transition:opacity .3s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .3s ease-out;transition:transform .2s ease-out,opacity .3s ease-out,-webkit-transform .2s ease-out;width:100%;z-index:1}.skills .hexGrid .hexIn{outline:1px solid transparent;overflow:hidden;padding-bottom:115.47%;position:absolute;-webkit-transform:rotate(-60deg) skewY(30deg);transform:rotate(-60deg) skewY(30deg);visibility:hidden;width:100%}.skills .hexGrid .hexIn *{outline:1px solid transparent;position:absolute;visibility:visible}.skills .hexGrid .hexLink{color:#fff;display:block;height:100%;overflow:hidden;-webkit-transform:skewY(-30deg) rotate(60deg);transform:skewY(-30deg) rotate(60deg);width:100%}.skills .perso .hexGrid{padding-bottom:50px}.skills .perso .hexIn *{background-color:#000}.skills .perso .hexLink{align-items:center;display:flex;justify-content:center;margin:auto}.skills .perso .hexLink p{color:#fff;font-size:1rem;margin:0;text-align:center}.skills .hexLink:focus h3,.skills .hexLink:hover h3{-webkit-transform:translateZ(0);transform:translateZ(0)}@media (min-width:1001px){.skills .hexGrid{padding-bottom:3.3%}.skills .hexGrid h3{font-size:60%}.skills .hex:first-child{grid-column-start:2}.skills .hex:nth-child(12n+10){grid-column-start:0}.skills .hex:nth-child(18){grid-column-start:6}.skills .perso .hexGrid{grid-template-columns:repeat(12,1fr);padding-bottom:6.6%}.skills .perso .hexLink p{font-size:65%}.skills .perso .hex:first-child{grid-column-start:3}}@media (max-width:1000px) and (min-width:801px){.skills .hexGrid{grid-template-columns:repeat(16,1fr);padding-bottom:4.4%}.skills .hexGrid h3{font-size:50%}.skills .hex:first-child{grid-column-start:0}.skills .hex:nth-child(13n+9){grid-column-start:2}.skills .hex:nth-child(16){grid-column-start:3}.skills .perso{width:50vw}.skills .perso .hex{grid-column-end:span 4}.skills .perso .hexLink p{font-size:65%}}@media (max-width:800px) and (min-width:601px){.skills .hexGrid{grid-template-columns:repeat(16,1fr);padding-bottom:3.3%;width:70vw}.skills .hexGrid h3{font-size:52%}.skills .hex:first-child{grid-column-start:0}.skills .hex:nth-child(13n+9){grid-column-start:2}.skills .hex:nth-child(16){grid-column-start:3}.skills .perso .hexGrid{grid-template-columns:repeat(10,1fr);padding-bottom:6.6%}.skills .perso .hexLink p{font-size:65%}.skills .perso .hex:first-child{grid-column-start:2}}@media (max-width:600px) and (min-width:431px){.skills .hexGrid{grid-template-columns:repeat(10,1fr);padding-bottom:6.6%;width:85vw}.skills .hexGrid h3{font-size:75%}.skills .hex:nth-child(9n+6){grid-column-start:2}.skills .hex:nth-child(19){grid-column-start:3}.skills .perso{min-height:40vh}.skills .perso .hexGrid{grid-template-columns:repeat(8,1fr);padding-bottom:6.6%}.skills .perso .hexLink p{font-size:70%}}@media (max-width:430px){.skills .hexGrid{grid-template-columns:repeat(8,1fr);padding-bottom:6.6%;width:75vw}.skills .hexGrid h3{font-size:70%}.skills .hex:nth-child(19),.skills .hex:nth-child(7n+5){grid-column-start:2}.skills .perso{min-height:30vh}.skills .perso h2{font-size:75%}.skills .perso .hexGrid{grid-template-columns:repeat(8,1fr);padding-bottom:6.6%}.skills .perso .hexLink p{font-size:55%}}.DocsRedux_reduxPage__9WFY7{background-image:linear-gradient(#fff,#ebebeb);display:grid;grid-template-columns:1fr 80vw 1fr;grid-template-rows:auto;position:relative;width:100%}.DocsRedux_docs__agWYF{grid-column:2/3}

/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */.header{display:grid;grid-template-areas:"logo menu" "logo menu";width:100vw;z-index:10}.header .logo{align-items:center;align-self:center;display:flex;grid-area:logo;height:40px;justify-content:center;margin-left:20px;visibility:visible;width:40px}.header .logo img{border-radius:100%;width:100%}.header .navLinks{align-items:center;display:grid;font-size:.8rem;grid-area:menu;grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);justify-content:right;justify-items:center;margin-right:20px;text-transform:uppercase}.header .navLinks a{cursor:pointer;padding:0 10px;text-decoration:none;transition:all .2s ease}.header .navLinks a:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.header .burger{background:none;border:none;display:none;grid-area:menu;justify-self:end;margin-right:20px;outline:none;width:40px}.header .burger div,.header .burger:after,.header .burger:before{border-radius:5px;content:"";display:block;height:2px;margin:7px 0;transition:all .2s ease}.header .burger:hover:before{-webkit-transform:translateY(9px) rotate(135deg);transform:translateY(9px) rotate(135deg)}.header .burger:hover:after{-webkit-transform:translateY(-9px) rotate(-135deg);transform:translateY(-9px) rotate(-135deg)}.header .burger:hover div{-webkit-transform:scale(0);transform:scale(0)}.transpNav{height:10vh;transition:all .5s ease}.transpNav .burger div,.transpNav .burger:after,.transpNav .burger:before{background-color:#fff}.transpNav .navLinks a{color:#fafafa}.blackNav{background-color:#111;box-shadow:0 2px 92px 0 rgba(0,0,0,.18);height:8vh;transition:all .5s ease}.blackNav .burger div,.blackNav .burger:after,.blackNav .burger:before{background-color:#757575}.blackNav .navLinks{transition:all .5s ease}.blackNav .navLinks a{color:#ddd}.blackNav .navLinks a:active,.blackNav .navLinks a:hover{color:#fff}@media (max-width:700px){.cross{grid-template-areas:"logo menu" "navbar navbar"}.cross .navLinks{grid-row-gap:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;grid-area:navbar;grid-template-columns:auto;grid-template-rows:repeat(3,auto);justify-content:center;margin:0;padding:10px 0}.cross .navLinks a{color:#ddd}.cross .burger{display:block}.paralel{grid-template-areas:"logo menu"}.paralel .navLinks{display:none}.paralel .burger{display:block}.cross.transpNav{grid-template-rows:10vh}.cross.blackNav{grid-template-rows:8vh}.transpNav .navLinks{background-color:initial;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.blackNav .navLinks{background:rgba(0,0,0,.9);box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}}

/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{-webkit-appearance:none;appearance:none;margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}.footer{align-items:center;background-color:#000;display:flex;flex-direction:column;height:200px;justify-content:center}.footer p{color:#757575;font-size:14px;line-height:27px;text-align:center}.footer .o2switch-link{padding:20px}.footer .o2switch-logo{display:block!important;width:100px}
/*# sourceMappingURL=main.b8933ea1.css.map*/