body .pixelme__wrapper{padding:30px;margin:0 auto;max-width:600px;display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box}body .pixelme__wrapper .pixelme__grid{display:grid;grid-template-columns:70px 1fr 70px}@media (max-width: 500px){body .pixelme__wrapper .pixelme__grid{grid-template-columns:1fr}}body .pixelme__wrapper .pixelme__grid .pixelart{display:flex;justify-content:center;align-items:center;height:100%;width:100%;filter:drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff)}body .pixelme__wrapper .pixelme__grid .icon-row{display:flex;flex-direction:column;justify-content:flex-end;z-index:2}@media (max-width: 500px){body .pixelme__wrapper .pixelme__grid .icon-row{display:none}}body .pixelme__wrapper .pixelme__grid .icon-row--right{align-items:flex-end}body .pixelme__wrapper .pixelme__grid .icon-row .spacer{height:32px}body .pixelme__wrapper .pixelme__grid .skill-icon{position:relative;width:70px;height:70px;display:flex;align-items:center;overflow:hidden;margin-bottom:20px;--scficon-corner-inset: 5px;--scficon-border-color: var(--cool-border-color);--scficon-deco-color: var(--cool-border-color);--scficon-background-color: var(--main-bg);background-image:paint(scficon)}body .pixelme__wrapper .pixelme__grid .skill-icon.contact,body .pixelme__wrapper .pixelme__grid .skill-icon.contact .icon{width:50px;height:50px}body .pixelme__wrapper .pixelme__grid .skill-icon.contact .label{width:260px;left:50px}body .pixelme__wrapper .pixelme__grid .skill-icon.righty{justify-content:flex-end}body .pixelme__wrapper .pixelme__grid .skill-icon.righty .label{left:unset;right:70px}body .pixelme__wrapper .pixelme__grid .skill-icon .label{display:block;overflow:hidden;width:130px;position:absolute;left:70px;text-align:center;font-family:Josefin Sans,sans-serif;font-size:1.2em}body .pixelme__wrapper .pixelme__grid .skill-icon .icon{transition:all .2s;width:70px;height:70px}body .pixelme__wrapper .pixelme__grid .skill-icon .icon path,body .pixelme__wrapper .pixelme__grid .skill-icon .icon circle{fill:var(--cool-border-color)}body .pixelme__wrapper .pixelme__grid .skill-icon .icon path.white,body .pixelme__wrapper .pixelme__grid .skill-icon .icon circle.white{fill:var(--main-bg)}body .pixelme__wrapper .pixelme__grid .skill-icon .icon path.transparent,body .pixelme__wrapper .pixelme__grid .skill-icon .icon circle.transparent{fill:#0000}body .pixelme__wrapper .pixelme__grid .skill-icon .icon:hover{filter:drop-shadow(0px 0px 10px var(--cool-pattern-color))}body{--border-h: 60px;--border-v: 60px}body .block__title{margin-bottom:-30px;--scfborder-top-left: 20px 20px;--scfborder-top-right: 20px 20px;--scfborder-bottom-right: -60px 60px;--scfborder-bottom-left: -60px 60px;--scfborder-width: 3px;--scfborder-shadow-color: var(--cool-border-color);--scfborder-border-color: var(--cool-border-color);--scfborder-pattern-color: var(--cool-pattern-color);--scfborder-pattern-shift: 0px 50px;--scfborder-bottom-dent: -10px;--scfborder-bottom-dent-length: 62%;background-image:paint(scfborder)}body .block__title .pad{padding:20px 0 70px}body .block__footer{margin-top:-30px;--scfborder-top-left: -60px 60px;--scfborder-top-right: -60px 60px;--scfborder-bottom-right: 20px 20px;--scfborder-bottom-left: 20px 20px;--scfborder-width: 3px;--scfborder-shadow-color: var(--cool-border-color);--scfborder-border-color: var(--cool-border-color);--scfborder-pattern-color: var(--cool-pattern-color);--scfborder-pattern-shift: 0px 50px;--scfborder-bottom-dent: 0px;--scfborder-bottom-dent-length: 33%;--scfborder-top-dent: -20px;--scfborder-top-dent-length: 20;background-image:paint(scfborder)}body .block__footer .pad{display:flex;justify-content:space-between;padding:80px 70px 20px}body .block__leftmain{width:100%;height:100%;box-sizing:border-box;overflow:hidden;--scfborder-top-left: var(--border-v) var(--border-h);--scfborder-top-right: 20;--scfborder-bottom-right: 20;--scfborder-bottom-left: var(--border-v) var(--border-h);--scfborder-width: 3px;--scfborder-shadow-color: var(--cool-border-color);--scfborder-border-color: var(--cool-border-color);--scfborder-pattern-color: var(--cool-pattern-color);--scfborder-pattern-shift: 0px 50px;--scfborder-top-dent: 10px;--scfborder-top-dent-length: 33%;transition:all .1s ease;background-image:paint(scfborder)}@media (max-width: 1200px){body .block__leftmain{--scfborder-top-right: var(--border-v) var(--border-h);--scfborder-bottom-left: 20;--scfborder-bottom-dent: 10;--scfborder-bottom-dent-length: 33%}}body .block__rightmain{width:100%;height:100%;max-height:clamp(800px,100vh - 300px,830px);box-sizing:border-box;overflow:hidden;position:relative;--scfborder-top-left: 20;--scfborder-top-right: var(--border-v) var(--border-h);--scfborder-bottom-right: var(--border-v) var(--border-h);--scfborder-bottom-left: 20;--scfborder-width: 3px;--scfborder-shadow-color: var(--cool-border-color);--scfborder-border-color: var(--cool-border-color);--scfborder-pattern-color: var(--cool-pattern-color);--scfborder-pattern-shift: 0 -50;--scfborder-top-dent: 10px;--scfborder-top-dent-length: 33%;transition:all .1s ease;background-image:paint(scfborder)}@media (max-width: 1200px){body .block__rightmain{--scfborder-bottom-left: var(--border-v) var(--border-h);--scfborder-top-right: 20;--scfborder-bottom-dent: 20;--scfborder-bottom-dent-length: 50;max-height:unset}}body .projects-wrapper{padding:30px 50px 30px 30px;margin-top:40px;max-height:calc(100% - 80px);box-sizing:border-box;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}body .projects-wrapper::-webkit-scrollbar{display:none}@media (max-width: 1200px){body .projects-wrapper{overflow-y:unset;-ms-overflow-style:unset;scrollbar-width:unset}body .projects-wrapper::-webkit-scrollbar{display:none}}body .projects-wrapper .projects-scollbar{width:5px;background-color:var(--cool-pattern-color);position:absolute;right:20px;top:80px;bottom:80px}body .projects-wrapper .projects-scollbar .indicator{transition:opacity .3s ease-in-out;position:absolute;top:100px;left:-2.5px;width:10px;height:10px;background-color:var(--cool-border-color)}body .projects-wrapper .projects-grid{display:grid;padding-bottom:10px}body .projects-wrapper .scf-card{overflow:hidden;margin-bottom:30px;display:flex;flex-direction:column;justify-content:center;min-width:420px;box-sizing:border-box;padding:20px 30px 22px 40px;--scfcard-background-color: var(--main-bg);--scfcard-border-color: var(--cool-border-color);background-image:paint(scfcard)}body .projects-wrapper .scf-card ul{padding-left:18px}body .projects-wrapper .scf-card ul li{margin-bottom:8px}body .projects-wrapper .scf-card .tech{text-align:right;font-style:italic}body .projects-wrapper .scf-card .headline{min-height:40px;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}@media (max-width: 500px){body .projects-wrapper .scf-card .headline{display:block}}body .projects-wrapper .scf-card .headline h4{cursor:pointer;margin:0;font-size:22px}body .projects-wrapper .scf-card .headline .sub{min-width:100px;font-size:1.4em}body .projects-wrapper .scf-card:last-of-type{margin-bottom:0}@media (max-width: 500px){body .projects-wrapper .scf-card{min-width:200px}}body .intro{display:grid;grid-template-columns:1fr 1fr}body .intro .name{text-align:center}body .intro .name h1{margin-bottom:0;padding-bottom:0}body .intro .name p{margin:0}body .intro .text{padding:10px 40px}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/files/nunito-cyrillic-ext-400-normal.woff2) format("woff2"),url(/files/nunito-all-400-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/files/nunito-cyrillic-400-normal.woff2) format("woff2"),url(/files/nunito-all-400-normal.woff) format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/files/nunito-vietnamese-400-normal.woff2) format("woff2"),url(/files/nunito-all-400-normal.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/files/nunito-latin-ext-400-normal.woff2) format("woff2"),url(/files/nunito-all-400-normal.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/files/nunito-latin-400-normal.woff2) format("woff2"),url(/files/nunito-all-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/files/josefin-sans-vietnamese-400-normal.woff2) format("woff2"),url(/files/josefin-sans-all-400-normal.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/files/josefin-sans-latin-ext-400-normal.woff2) format("woff2"),url(/files/josefin-sans-all-400-normal.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/files/josefin-sans-latin-400-normal.woff2) format("woff2"),url(/files/josefin-sans-all-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{--cool-border-color: #052328;--cool-pattern-color: #05232844;--main-bg: #e8e8f4;--font-color: #111;transition:all .4s ease-in-out;font-family:Nunito,serif;margin:0;background-color:var(--main-bg);color:var(--font-color)}body.dark{--cool-border-color: #b26415;--cool-pattern-color: rgb(185, 99, 5);--main-bg: #191d21;--font-color: #ddd;transition:all .4s ease-in-out;font-family:Nunito,serif;margin:0;background-color:var(--main-bg);background-image:linear-gradient(rgba(68,76,247,.03) 2px,transparent 2px),linear-gradient(90deg,rgba(68,76,247,.03) 2px,transparent 2px),linear-gradient(rgba(68,76,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(68,76,247,.03) 1px,transparent 1px);background-size:42px 42px,42px 42px,21px 21px,21px 21px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;color:var(--font-color)}h1,h2,h3,h4,h5{font-family:Josefin Sans,serif}#root{display:flex;justify-content:center;padding:15px}a,a:visited{color:var(--font-color)}.layout{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;max-width:1200px}.layout .content--title,.layout .content--footer{grid-column:1/3}.layout .content--left,.layout .content--right{max-height:671px}@media (max-width: 1200px){.layout{padding-bottom:50px}.layout .content--title,.layout .content--footer{grid-column:1/3}.layout .content--left{grid-column:1/3;margin-bottom:20px}.layout .content--right{grid-column:1/3;max-height:unset}}button{border:3px solid var(--cool-pattern-color);outline:none;background-color:var(--main-bg);color:var(--font-color);margin-right:10px}