.sidebar{width:100vw;background:#111;color:#888;display:flex;flex-direction:column;justify-content:space-around;position:fixed;height:100%;z-index:3}.sidebar.hide{height:unset}.sidebar.hide .menu,.sidebar.hide .socialMedia,.sidebar.hide .title{display:none}.sidebar .iconMenu{align-self:flex-end;position:absolute;top:8px;right:12px;z-index:9}.sidebar .title{text-align:center;margin:16px}.sidebar .title>*{padding:4px;text-transform:uppercase}.sidebar .title>:first-child{color:#fff;font-size:2rem}.sidebar .title>:last-child{letter-spacing:1px}.sidebar .menu{display:flex;flex-direction:column}.sidebar .menu>*{margin:0 24px;padding:16px 0;width:calc(100% - 48px);border-bottom:1px solid hsla(0,0%,100%,.1);text-transform:uppercase;font-size:.9rem;cursor:pointer;transition-duration:.15s;transition-property:color,border-bottom-color;color:#888}.sidebar .socialMedia{display:flex;justify-content:center}.sidebar .socialMedia>*{padding:8px;cursor:pointer}.sidebar .socialMedia>* img{height:20px}.sidebar .socialMedia>:hover img{-webkit-filter:invert(.8);filter:invert(.8)}@media only screen and (min-width:768px){.sidebar{position:relative;align-items:center;height:unset;justify-content:flex-end}.sidebar .title{margin:36px 0 12px}.sidebar .title :first-child{font-size:1.5rem}.sidebar .title :nth-child(2){font-size:.8rem}.sidebar .menu{margin:12px 0}.sidebar .menu>*{border-bottom:none}.sidebar.hide .title{display:block}.sidebar.hide .menu{display:unset}.sidebar .iconMenu{display:none}}@media only screen and (min-width:1024px){.sidebar{width:300px;justify-content:space-around;align-items:unset}.sidebar.hide .title{display:block}.sidebar.hide .menu,.sidebar.hide .socialMedia{display:flex}.sidebar .menu,.sidebar .title{margin:0}.sidebar .menu>*{border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar .menu>.active,.sidebar .menu>:hover{color:#fff;border-bottom-color:hsla(0,0%,100%,.2)}}@media only screen and (min-width:1440px){.sidebar .title{margin:0}.sidebar .title :first-child{font-size:2rem}.sidebar .title :nth-child(2){font-size:1rem}}@media only screen and (min-width:768px) and (max-height:425px){.sidebar{flex-direction:row;justify-content:space-around}.sidebar .title{margin:8px}.sidebar .title :first-child{font-size:.7rem;line-height:.7rem}.sidebar .title :nth-child(2){font-size:.6rem;line-height:.6rem;margin:0}.sidebar .menu{margin:0}}.iconButton{width:40px;height:40px;transition-duration:.3s;transition-property:background-color;border-radius:50%;cursor:pointer}.iconButton:hover{background-color:hsla(0,0%,100%,.1)}.iconButton:hover img{-webkit-filter:invert(1);filter:invert(1)}.iconButton img{transition-duration:.3s;transition-property:-webkit-filter;transition-property:filter;transition-property:filter,-webkit-filter;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.coverSection{position:relative;height:28vh}.coverSection img{width:100%;height:28vh;object-fit:cover;-webkit-filter:brightness(.5);filter:brightness(.5)}.coverSection .btnCover{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;border:1px solid #fff;transition-property:background-color;transition-duration:.3s}.coverSection .btnCover:hover{background:hsla(0,0%,100%,.15)}.coverSection .btnCover.solid{border:2px solid #35291f;background-color:#35291f}.coverSection .btnCover.solid:hover{background-color:#221b15}.about .bodyAbout{display:flex;flex-direction:column}.about .bodyAbout .picture{text-align:center}.about .bodyAbout .picture img{margin:4px 4px 0;-webkit-filter:brightness(.7);filter:brightness(.7);width:180px;border-radius:50%}.about .bodyAbout .texts{display:flex;flex-direction:column;justify-content:space-between}.about .bodyAbout .texts h5{margin:16px 0 8px}.about .bodyAbout .texts h3{color:#ccc}.about .bodyAbout .texts .infos{justify-content:space-between;padding:28px 0 16px}.about .bodyAbout .texts .infos .info{padding:4px 0}.about .bodyAbout .texts .infos .info span:last-child{margin-left:4px;font-weight:600;color:#ccc}.about .bodyAbout .texts .actions{padding:24px 0;margin-bottom:24px}@media only screen and (min-width:768px){.about .bodyAbout{flex-direction:row}.about .bodyAbout .picture{margin-right:16px;padding:2px;border-radius:8px;border:1px solid #111;background-color:#232323}.about .bodyAbout .picture img{border-radius:8px;width:320px;-webkit-filter:brightness(.6);filter:brightness(.6)}.about .bodyAbout .texts{padding-left:16px}.about .bodyAbout .texts h5{margin:0 0 8px}}.skills{padding:24px 48px;background:#080808}.skills .evaluations{display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:24px}.skills .evaluations>*,.skills .evaluations h3{margin:12px 0}.skills .evaluations .skillGroup{margin:8px 0}.skills .evaluations .skillGroup .skill{margin:8px 12px}.skills .evaluations .skillGroup .skill .label{display:flex;justify-content:space-between;padding:4px 0;letter-spacing:1px;font-size:.8rem}.skills .evaluations .skillGroup .skill .label .evaluation{color:hsla(0,0%,100%,.4);font-size:12px}@media only screen and (min-width:768px){.skills .evaluations{max-height:600px;align-content:space-between}.skills .evaluations .skillGroup{width:40vw}}@media only screen and (min-width:1024px){.skills .evaluations .skillGroup{width:30vw}.skills .evaluations .skillGroup .skill:hover .label .evaluation{display:block}.skills .evaluations .skillGroup .skill:hover .slider{border:1px solid rgba(53,41,31,.9)}.skills .evaluations .skillGroup .skill:hover .slider .fulfillment{background:rgba(53,41,31,.9)}.skills .evaluations .skillGroup .skill .label .evaluation{display:none}}@media only screen and (min-width:1440px){.skills .evaluations{align-content:start}.skills .evaluations>*{margin-right:48px}}.slider{height:8px;border:1px solid rgba(53,41,31,.8);border-radius:2px}.slider .fulfillment{line-height:8px;background:rgba(53,41,31,.8);border-radius:2px}.portfolio .projects{display:flex;flex-wrap:wrap;justify-content:space-around}.portfolio .projects>div{cursor:pointer;margin:16px}.portfolio .projects>div .wrapperImage{position:relative;border-radius:4px 4px}.portfolio .projects>div .wrapperImage img{border-radius:4px 4px 0 0;object-fit:cover;object-position:0 0;width:240px;height:120px}.portfolio .projects>div .wrapperImage .buttons{display:flex;border-radius:0 0 4px 4px;justify-content:space-around;background-color:rgba(53,41,31,.8);position:relative;top:-7px}.portfolio .projects>div .wrapperImage .buttons a{margin:0 8px;padding:8px 0}.portfolio .projects>div .wrapperImage .buttons a img{width:24px;height:24px;-webkit-filter:invert(1);filter:invert(1)}.portfolio .projects>div .name{margin:8px 0;text-align:center;font-weight:700;display:block;color:hsla(0,0%,100%,.5)}@media only screen and (min-width:768px){.portfolio .projects{justify-content:space-between}.portfolio .projects>div{margin:12px 24px}.portfolio .projects>div .name{margin:8px 0}}@media only screen and (min-width:1024px){.portfolio .projects>div .wrapperImage{width:240px;height:120px}.portfolio .projects>div .wrapperImage img{border-radius:4px 4px 4px 4px}.portfolio .projects>div .wrapperImage .buttons{border-radius:4px 4px 4px 4px;opacity:0;width:100%;height:100%;top:0;left:0;position:absolute;background-color:rgba(0,0,0,.7);transition-duration:.5s;transition-property:opacity;justify-content:center;align-items:center}.portfolio .projects>div .wrapperImage .buttons a:hover img{-webkit-filter:invert(.8);filter:invert(.8)}.portfolio .projects>div .wrapperImage:hover .buttons{opacity:1}.portfolio .projects>div .name:hover{color:hsla(0,0%,100%,.8)}}@media only screen and (min-width:1440px){.portfolio .projects{justify-content:start}}.contactForm{width:100%}.contactForm .action{display:flex;flex-wrap:wrap;justify-content:flex-end}.contactForm .action :nth-child(2){margin:16px 0}@media only screen and (min-width:1024px){.contactForm .action{justify-content:space-between;flex-wrap:nowrap}.contactForm .action :nth-child(2){margin:0 8px}}.formItem{width:100%;display:flex;flex-direction:column;margin:16px 0}.formItem:first-child{margin-top:0}.formItem>:first-child{font-size:12px;font-weight:700}.formItem>:nth-child(2){padding:8px;font-family:Biotif,sans-serif;font-size:14px}.alert{padding:8px 16px;align-self:center;color:#fff;white-space:nowrap;width:100%;text-align:center;font-size:.95rem;transition-duration:.7s;transition-property:width}.alert.success{background-color:green}.alert.error{background-color:#8b0000}.alert.hidden{display:none;opacity:0;width:0;overflow:hidden}.contact .contactBody{display:flex;flex-wrap:wrap}.contact .contactBody>*{display:inline}.contact .contactBody .information{margin-bottom:8px}.contact .contactBody .information div{padding:8px 0}.contact .contactBody .information div>:first-child{font-weight:700;padding-right:4px;font-size:13px}@media only screen and (min-width:768px){.contact .contactBody{flex-direction:row-reverse;justify-content:space-between;flex-wrap:nowrap}.contact .contactBody>*{width:45%}}.articles{background-color:#080808}.articles .more{display:flex;justify-content:center}.articles .posts{display:flex;flex-wrap:wrap;margin-top:48px;justify-content:space-around}.articles .posts .cardPost{display:flex;flex-direction:column;max-width:260px;margin:0 16px 48px;border-radius:4px;padding-bottom:16px;background-color:#161616;cursor:pointer}.articles .posts .cardPost:hover{background-color:#131313}.articles .posts .cardPost .wrapperImage{margin-bottom:12px}.articles .posts .cardPost .wrapperImage img{width:260px;border-radius:4px 4px 0 0}.articles .posts .cardPost .headline{font-size:1.1em;font-weight:700;padding:0 16px 8px;color:#fff}.articles .posts .cardPost .subTitle{padding:0 16px}@media only screen and (min-width:1440px){.articles .posts{justify-content:start}.articles .posts>*{margin-right:56px}}.app{height:100vh;width:100vw;display:flex;flex-direction:column;font-family:Biotif,sans-serif;color:#aaa;background-color:#161616}.app div,.app span{font-weight:400}.app h1,.app h2{font-weight:700;margin:0;color:#888}@media only screen and (min-width:1024px){.app{flex-direction:row}}.section{padding:16px 32px}.section .title{margin:16px 0}.section .title h1,.section .title h6{margin:0;font-weight:700}.section .title h1{color:#ccc}@media only screen and (min-width:768px){.section{padding:24px 48px}.section .title{margin:24px 0}}.btn{border:none;background-color:rgba(53,41,31,.8);text-transform:uppercase;padding:16px 24px;border-radius:2px;cursor:pointer;color:#fff;letter-spacing:.5px;font-weight:700;font-size:14px;font-style:normal;white-space:nowrap}.btn:hover{background-color:rgba(34,27,21,.8)}.article,.body{width:100vw;max-width:100vw;overflow-x:hidden}a{color:#e29e68;text-decoration:none;font-weight:400}img.icon{-webkit-filter:invert(.8);filter:invert(.8)}.app .article .actionBar{margin:16px;padding:8px 16px;background-color:rgba(0,0,0,.15);border-radius:8px;display:flex;justify-content:space-between}.app .article .actionBar .actions{display:flex}.app .article .actionBar .actions>.iconButton{margin:0 8px}.app .article .section{padding-top:0}.app .article .section h1,.app .article .section h2,.app .article .section h3,.app .article .section h4,.app .article .section h5,.app .article .section h6{color:#fff}.app .article .section h1{margin:40px 0}.app .article .section pre{background-color:rgba(0,0,0,.25);padding:16px;border-radius:4px;line-height:18px;overflow-x:auto}.app .article .section p code{background-color:rgba(0,0,0,.25);padding:4px 8px;margin-bottom:8px;border-radius:4px;line-height:30px}.app .article .section img{width:100%;max-width:700px;display:block}.app .article .section blockquote{font-size:.9em;letter-spacing:.8px;overflow-x:hidden}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:999;display:none}.modal.show{display:block}.modal .modalMain{position:fixed;background-color:#161616;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 24px;border-radius:4px}.shareOptions h4{color:#fff;margin:0}.shareOptions .options{margin-top:16px;display:flex;text-align:center}.shareOptions .options .option{padding:8px;margin:0 8px;cursor:pointer;border-radius:4px;min-width:40px}.shareOptions .options .option:hover{background-color:hsla(0,0%,100%,.1)}.shareOptions .options .option img{height:40px;-webkit-filter:invert(.8);filter:invert(.8)}.reaction-item.active img{-webkit-filter:invert(33%) sepia(41%) saturate(340%) hue-rotate(346deg) brightness(93%) contrast(90%);filter:invert(33%) sepia(41%) saturate(340%) hue-rotate(346deg) brightness(93%) contrast(90%)}body,html{margin:0;padding:0}@font-face{font-family:Biotif;src:url(/static/media/Biotif-Regular.66110a4e.ttf) format("truetype");font-weight:400}@font-face{font-family:Biotif;src:url(/static/media/Biotif-Black.c86ae656.ttf) format("truetype");font-weight:700}@font-face{font-family:Biotif;src:url(/static/media/Biotif-Bold.35809f4e.ttf) format("truetype");font-weight:600}
/*# sourceMappingURL=main.56fba833.chunk.css.map */