body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:left}.Header{display:flex;flex-grow:1}.Header__toolbar{display:flex;justify-content:space-between}.Header__toolbar__left-toolbar{display:flex;align-items:center}.Header__icon-button{margin:2px}.Header__app-title{align-content:center}.Posts{padding:0 5%}.Posts__body{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.Posts__text{text-wrap:wrap;width:60%;font-size:large;margin-top:0}.Posts__date-container{display:flex;flex-direction:row}.Posts__date-container--date{margin:0;padding-left:5px}.PdfViewer{display:flex;justify-content:center;padding:5%}.PdfViewer__card{display:flex;justify-content:center;padding:2%}.PdfViewer__page{background-color:inherit;border:2px solid black}.About{padding:0 5%}.About__chip-container{padding:2.5% 0}.About__chip-container--chip.MuiChip-root{margin:5px}.About__text{padding-bottom:2.5%}.About__download{display:flex;justify-content:center}.About__javascript-logo.MuiSvgIcon-root{height:15px}.About__vue-logo{margin-top:3px}.About__vue-logo.MuiSvgIcon-root,.About__angular-logo.MuiSvgIcon-root{height:15px;width:15px}.About__jest-logo.MuiSvgIcon-root{height:35px;width:20px}.About__react-logo{pointer-events:none}.About__react-logo.MuiSvgIcon-root{height:31px;width:31px}@media (prefers-reduced-motion: no-preference){.About__react-logo{animation:icon-spin infinite 10s linear}}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Projects{padding:0 5%}.Projects__main-title{padding:2.5% 0}.Projects--sub-title{padding:10px 0}.Projects__js-games{display:flex;flex-wrap:wrap;gap:20px}.Projects--js-game{display:flex;flex-direction:column}.Projects__board-game--image{width:25%;min-width:200px}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer .endOfContent.active{top:0}