@font-face{font-family:Quicksand;src:url(/assets/Quicksand-Regular-1333b4a3.woff2) format("woff2");font-weight:300}@font-face{font-family:Quicksand;src:url(/assets/Quicksand-Medium-c92d5a06.woff2) format("woff2");font-weight:500}@font-face{font-family:Quicksand;src:url(/assets/Quicksand-Bold-557745b8.woff2) format("woff2");font-weight:700}:root{font-size:16px;line-height:24px;font-weight:500;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-black: #000000;--color-white: #ffffff;--color-grey: #1a1a1a;--color-red: #b62f31;--color-code: hsla(0, 0%, 100%, .35)}*{font-family:Quicksand,sans-serif!important}html,body{margin:0;padding:0;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ9SURBVHgB7VW9ctNAEN47+UeyYVAcPHEmE0sahsGd3YUudJThDYAnYHiElOnsJ8ApqXBLhemoQBkKGBopYRiYobABC8n26Y492Q52YtmWB7p8he50e3fffne7ewBXWBNk3qBwTD0AqGHX1SzXhf9B1Hd2H4RAnqFBHw81AegxErbhXxIFTvmdQDVkQL+JDC9NmVzUegigtNdReYnot2N0CAg9c7J5BBmhspt+RRT6e0Lh+tS0ZlKVl4h8x3iFnt9Tvlx7nv6a+zgZH257FbHRr/Icq0xNd1dVOUdRuY6DT5SfmTfpT/rLi3aeZzrb7e0LjZkTlXjUXVzTUoA2MpZrr0TkYTBQIC9IX3Gz7zePYQHYjlcLC0FVZENzakNbgGho1ufmQqIOhrYKvEM4CbJvi0ewAmJU1nPW2dNYIgnfKTvYmJkPhQb1Ul1IAKmSbXsHsq9ZZ+f705j5ryNPC30DVgRPCzUs+obIsy35jwwzDqbmLULZNk58KLShzKOTuM0ZHhkU/Tvh9UElyjki1Ikt5NBYSkSAYuRw4Lm/lzyNgfHrrigEmFtCv7CyjW7iadB2/tZsjs0lwjpnS9dEKizxdKjSoRJMbPLiedG/D5FygmEtWnJzFZQWsdzY+5xLtIELsBTZshSBPtiC79rpxMbKvX3ZUgrNrHH6GFZEXDDgwY0DIs9KM2ryg1rU5/QQEiAVZ8AjseWXq+E5UbjT24u8i9QkK6w03qS05VcmoWxHakZ1LqmahUSySMrLlpkuA2K45dVGWU/WeiboIqOsW7Jlt38cwI1hdTyaWM1SIg4kSjr5NEg1ApNw3ZeWLJvgO6aJVI8E0G7OcutwhTH+AOCOD9QfikK4AAAAAElFTkSuQmCC),url(/assets/cursor-837ecf37.svg),auto}body{display:flex;justify-content:center;align-items:center;background-color:var(--color-grey)}@media screen and (min-width: 1024px){body{height:100vh}}.csl{color:var(--color-red)}code{color:var(--color-code);font-weight:300;font-size:.75em}.code-first-line{display:flex;align-items:baseline;flex-direction:row}.code-first-line-title{color:#fff;font-weight:700;font-size:1.5em;font-size:clamp(1.5em,5vw,2.5em);text-decoration:underline}.code-main-title{font-weight:700;margin:1em 0 1em 2em;color:var(--color-white)}.tab{margin:1em 0 1em 2em}a{text-decoration:none;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZbRTcMwEIZ/X1DVSDwwQTlvwAhsgBiBDcoEhAmADTICTAAbUCbwCRboA6K81OZSNVJBIsSx6UPVT3IUnR8+/z7JNrBnIKb9WTg+NfBnAeFljOLeWJkjIyvRu+OTAv55oy4AXZRWnpAJaj4qmf6oM+AfP9zkJjg+Qgaoa1LjTj81qW4r4z9Fa1jTuYWbXCGBPqKWSmVuaLoYUQMPTRcraolON1TUwDHpUkQtvdLlEDVwgL/FFkSKOcY2RAWFWdf8AdKR4PEwAlVIFRmYmfbgTtctS2Be6BjriDnhe4iMBJjz0r4JEvizR8uVRASJdIq8x/Whlc4m9+XXrSNCXdrXCplYJ6L6e9nIyNMlMrL5ZuDg9aYlkhKoc78Zdo8vKxRnhfRzOn8AAAAASUVORK5CYII=),url(/assets/cursor_pointer-2d0aef5a.svg),auto}a:hover,a:active,a:focus{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px;color:#fff;animation:neon .25s ease-in-out forwards}@keyframes neon{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px,0 0 20px var(--#fff);color:var(--color-black)}}@keyframes rotate{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}25%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg)}50%{-webkit-transform:rotate3d(0,0,1,210deg);transform:rotate3d(0,0,1,210deg)}75%{-webkit-transform:rotate3d(0,0,1,313deg);transform:rotate3d(0,0,1,313deg)}to{-webkit-transform:rotate3d(0,0,1,720deg);transform:rotate3d(0,0,1,720deg)}}@keyframes pulse{0%{-webkit-box-shadow:0px 0px 64px 6px var(--color-red);-moz-box-shadow:0px 0px 64px 6px var(--color-red);box-shadow:0 0 64px 6px var(--color-red)}50%{-webkit-box-shadow:0px 0px 256px 24px var(--color-red);-moz-box-shadow:0px 0px 256px 24px var(--color-red);box-shadow:0 0 256px 24px var(--color-red)}to{-webkit-box-shadow:0px 0px 64px 6px var(--color-red);-moz-box-shadow:0px 0px 64px 6px var(--color-red);box-shadow:0 0 64px 6px var(--color-red)}}.mobile[data-v-7c650253],.laptop[data-v-7c650253]{display:none}.mobile[data-v-7c650253],.laptop[data-v-7c650253]{position:relative;justify-content:center;align-items:center;background-color:var(--color-black);color:#ffffff80;font-weight:700;line-height:48px;letter-spacing:.12em;transition:all 1.5s cubic-bezier(.075,.82,.165,1)}span[data-v-7c650253]{text-align:center;text-decoration:none}span[data-v-7c650253]:hover,span[data-v-7c650253]:active,span[data-v-7c650253]:focus{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px;color:#fff;animation:neon .25s ease-in-out forwards;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZbRTcMwEIZ/X1DVSDwwQTlvwAhsgBiBDcoEhAmADTICTAAbUCbwCRboA6K81OZSNVJBIsSx6UPVT3IUnR8+/z7JNrBnIKb9WTg+NfBnAeFljOLeWJkjIyvRu+OTAv55oy4AXZRWnpAJaj4qmf6oM+AfP9zkJjg+Qgaoa1LjTj81qW4r4z9Fa1jTuYWbXCGBPqKWSmVuaLoYUQMPTRcraolON1TUwDHpUkQtvdLlEDVwgL/FFkSKOcY2RAWFWdf8AdKR4PEwAlVIFRmYmfbgTtctS2Be6BjriDnhe4iMBJjz0r4JEvizR8uVRASJdIq8x/Whlc4m9+XXrSNCXdrXCplYJ6L6e9nIyNMlMrL5ZuDg9aYlkhKoc78Zdo8vKxRnhfRzOn8AAAAASUVORK5CYII=),url(/assets/cursor_pointer-2d0aef5a.svg),auto}.lang[data-v-7c650253]{position:absolute;display:flex}.lang button[data-v-7c650253]:hover,.lang button[data-v-7c650253]:focus{scale:1.05}.lang button[data-v-7c650253]{display:flex;justify-content:center;filter:grayscale(100%);color:#fff;width:24px;height:24px;padding:0;margin:0;border-radius:6px;border:none;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZbRTcMwEIZ/X1DVSDwwQTlvwAhsgBiBDcoEhAmADTICTAAbUCbwCRboA6K81OZSNVJBIsSx6UPVT3IUnR8+/z7JNrBnIKb9WTg+NfBnAeFljOLeWJkjIyvRu+OTAv55oy4AXZRWnpAJaj4qmf6oM+AfP9zkJjg+Qgaoa1LjTj81qW4r4z9Fa1jTuYWbXCGBPqKWSmVuaLoYUQMPTRcraolON1TUwDHpUkQtvdLlEDVwgL/FFkSKOcY2RAWFWdf8AdKR4PEwAlVIFRmYmfbgTtctS2Be6BjriDnhe4iMBJjz0r4JEvizR8uVRASJdIq8x/Whlc4m9+XXrSNCXdrXCplYJ6L6e9nIyNMlMrL5ZuDg9aYlkhKoc78Zdo8vKxRnhfRzOn8AAAAASUVORK5CYII=),url(/assets/cursor_pointer-2d0aef5a.svg),auto;transition:all .25s cubic-bezier(.075,.82,.165,1)}.lang button[data-v-7c650253]:nth-child(1){background-image:url(data:image/webp;base64,UklGRjQCAABXRUJQVlA4TCcCAAAvL8ALEKfhJgAARXkZrYC7bO45ZP0CXuMfWXW1ABSggDsbBUhwPdhGkqTmmVlsUhQQPgWBpkpRyGkAAEiDk3iARPPqfxBp7n+4JOcHLuCCueQ9sAfcINvIuT7BD+ERPiAA4B+qYzhI2+ZP++RbX2RDeadl8SxOUAxTXq5vc9+0rea0T+AfzJ7NXR+xfGg7reNYk7W7K6F9wpmj1XGdQOjvU17lfR2wLyQk/PUThUk/+WBQ2k2c+VSEOdw+rQplWKFZqX1TWAPmBZiXHqc6lZiRDuZwGdcB83KQm4RojmoHszhIsm1JkZsrDIVlZqWZQRyO/e+thVU58jCi/4zctnHEmdmq65Y3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYHsvMzMzMzMzMzMzMzMzMzMzMzMzc2/7xjo86u7u7u7u7u7u7u7u7u7u7u7u7u4+OsSTX9097+Cp/TG+Xc6cBy/GGB/PJno5xhhjzKzGzfn1cq7r6nSmW9Usd83Pl9PcUR3Pcmc1xz0XL6e4r1rv/oMfEyyo1lk03x+vtaj6N9v3i6qqqqqqqqqqqqqqqmVH735XTfXpvNZYmK2yIPtTtc6SbK17s6rV7sn+1lxfNtkM92RT3JGd1CR3ZbO8vrF+1rT19tkY48Mmm+f5zo1sol0PNw/BzPUYj17NO3rz4MaHbWs3IiIiIiIiIiIiIiIiIiIiIiIiYnfrf+inAgA=)}.lang button[data-v-7c650253]:nth-child(2){background-image:url(data:image/webp;base64,UklGRq4DAABXRUJQVlA4TKIDAAAvL8ALEI/CNrZtG+cM4Tm50cIvMq8ASnipUYBMqiqxTCb91qED2mAa2baTc39EZWQsgU6gfwUyY1Hgtta2NXnf2K8ndWrbIJ0N4UBFTaVzwCxaOx27MEIMso0c7BHcG/wjfAB4n//s7+9ToElyoThcN2eAq51iwDWNS8B1tHeJdRVLsc/wVS1Vju5p2Fb9f2Su1/0+ZDz2S2hrzuq1/rN/CeVxnAnKBALKBGeCUwECpQIESgUKlAqAnAlKA4CgCYGsDQFyJsS0seomakQAkIxBSMYgZGPlNgIBIMuAgJBkUNSzsOiEkIxFJoBsLBvLxiIkYxCyMQDZWKBu29ayp1m4pKkLEKkixScO9X7F9bn/q0m+J1b/GdF/B27bOJJ3r3mbM0Vzb6iqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqoOHV09fuzYsWPHjh07duzYqdXVlZWVlZWVlZXV1ZO75TmxemR+fXBujHFpbW1tbW1tbW3t6hgAY1zbJc75xYt7Z9+vPn49xhjjxubBtHFj/Ir7n3bavWfTfuvbg+jrxesH+PHdeO+L5QNm88rmfrX+/Xh8m7tPxxhnxm+492I2v9qfvrr1+hEevZmyXRhv7uP3sZVi+bD96PvxfOn+MeVanF/buPXu56X5ejY399LGzbfLpz18NaW6ObXUxfFsNufou+vW4sU9/PJuivT9jl768tabH5YtM5u7a+69na06DYKp5a+Ox3ds9+jeerLsvR3u+nTu5cuXL1++fHkx3jx58uTJu720DLPlzt933G+MMcYYY4wxxn5+jDHGGGOMMcYYY4yD6WCZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHaOhb//uNoxfG/NKV48efJ6T73bGv/LMIsd91ubSTJFevsTnu35Nk3i24/HlfV52k0kmdx5Cu/nx5tHE7tufbnjtcOdp/Di1m7ahsL0ZZtdy0m8Bd8JmTenKC8fTHy4uTdnppK32TWlurW5dn6KPoPw+RZJ9ubYNoV2mDO7zk8hdoBwX5zctVVndp1ZtvwEwm2S7IfDU0tdnc6a2PX56nbvLUH4ZvHNQTj/3a2dPXq6z+beu37QdeT6bH5SfXj2/ovF+YOuU/PDzn00r2yHd18HT+57HTy+evTQ/6E/FQE=)}.lang button.active[data-v-7c650253]{filter:grayscale(0%);scale:1.25}@media screen and (max-width: 1023px){.mobile[data-v-7c650253]{display:flex;width:100%;height:100px;font-size:clamp(2.4em,8vw,3em)}.lang[data-v-7c650253]{right:0;flex-direction:column}.lang button[data-v-7c650253]{margin:.75em .5em}}@media screen and (min-width: 1024px){.laptop[data-v-7c650253]{display:flex;width:100%;height:100%;font-size:clamp(2.4em,10vh,5.5em)}span[data-v-7c650253]{writing-mode:tb-rl;transform:rotate(-180deg)}.lang[data-v-7c650253]{bottom:0;flex-direction:row}.lang button[data-v-7c650253]{margin:2em .75em}}.root[data-v-81e55acd]{margin:2em 1em;overflow:hidden}.code-main-title[data-v-81e55acd]{display:flex;flex-direction:column;padding:.5em 0}span[data-v-81e55acd]{padding:.25em 0}.code-main-title span[data-v-81e55acd]:nth-child(1){font-size:4em;font-size:clamp(4em,10vw,5em);font-weight:500}.code-main-title span[data-v-81e55acd]:nth-child(2){font-size:4.5em;font-size:clamp(4em,10vw,5.2em)}.code-main-title b[data-v-81e55acd]{color:var(--color-red)}@media screen and (min-width: 1024px){.code-main-title span[data-v-81e55acd]:nth-child(1){font-size:6em;font-size:clamp(6em,5vw,7.5em);padding-left:4px}.code-main-title span[data-v-81e55acd]:nth-child(2){font-size:7.2em;font-size:clamp(7.2em,8vw,9em)}}.root[data-v-867fb281]{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:998}.icon[data-v-867fb281]{position:relative;width:50px;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZbRTcMwEIZ/X1DVSDwwQTlvwAhsgBiBDcoEhAmADTICTAAbUCbwCRboA6K81OZSNVJBIsSx6UPVT3IUnR8+/z7JNrBnIKb9WTg+NfBnAeFljOLeWJkjIyvRu+OTAv55oy4AXZRWnpAJaj4qmf6oM+AfP9zkJjg+Qgaoa1LjTj81qW4r4z9Fa1jTuYWbXCGBPqKWSmVuaLoYUQMPTRcraolON1TUwDHpUkQtvdLlEDVwgL/FFkSKOcY2RAWFWdf8AdKR4PEwAlVIFRmYmfbgTtctS2Be6BjriDnhe4iMBJjz0r4JEvizR8uVRASJdIq8x/Whlc4m9+XXrSNCXdrXCplYJ6L6e9nIyNMlMrL5ZuDg9aYlkhKoc78Zdo8vKxRnhfRzOn8AAAAASUVORK5CYII=),url(/assets/cursor_pointer-2d0aef5a.svg),auto;transition:all .25s cubic-bezier(.075,.82,.165,1)}.icon img[data-v-867fb281]{width:100%}input[data-v-867fb281]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;opacity:0;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZbRTcMwEIZ/X1DVSDwwQTlvwAhsgBiBDcoEhAmADTICTAAbUCbwCRboA6K81OZSNVJBIsSx6UPVT3IUnR8+/z7JNrBnIKb9WTg+NfBnAeFljOLeWJkjIyvRu+OTAv55oy4AXZRWnpAJaj4qmf6oM+AfP9zkJjg+Qgaoa1LjTj81qW4r4z9Fa1jTuYWbXCGBPqKWSmVuaLoYUQMPTRcraolON1TUwDHpUkQtvdLlEDVwgL/FFkSKOcY2RAWFWdf8AdKR4PEwAlVIFRmYmfbgTtctS2Be6BjriDnhe4iMBJjz0r4JEvizR8uVRASJdIq8x/Whlc4m9+XXrSNCXdrXCplYJ6L6e9nIyNMlMrL5ZuDg9aYlkhKoc78Zdo8vKxRnhfRzOn8AAAAASUVORK5CYII=),url(/assets/cursor_pointer-2d0aef5a.svg),auto}.icon[data-v-867fb281]:hover,.icon[data-v-867fb281]:active,.icon:focus svg[data-v-867fb281]:hover,svg[data-v-867fb281]:active,svg.focus[data-v-867fb281]{scale:1.05;rotate:-25deg;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZbRTcMwEIZ/X1DVSDwwQTlvwAhsgBiBDcoEhAmADTICTAAbUCbwCRboA6K81OZSNVJBIsSx6UPVT3IUnR8+/z7JNrBnIKb9WTg+NfBnAeFljOLeWJkjIyvRu+OTAv55oy4AXZRWnpAJaj4qmf6oM+AfP9zkJjg+Qgaoa1LjTj81qW4r4z9Fa1jTuYWbXCGBPqKWSmVuaLoYUQMPTRcraolON1TUwDHpUkQtvdLlEDVwgL/FFkSKOcY2RAWFWdf8AdKR4PEwAlVIFRmYmfbgTtctS2Be6BjriDnhe4iMBJjz0r4JEvizR8uVRASJdIq8x/Whlc4m9+XXrSNCXdrXCplYJ6L6e9nIyNMlMrL5ZuDg9aYlkhKoc78Zdo8vKxRnhfRzOn8AAAAASUVORK5CYII=),url(/assets/cursor_pointer-2d0aef5a.svg),auto}.skill-zone[data-v-867fb281]{position:absolute;z-index:999;bottom:0px;left:0;right:0;height:80px;background-color:var(--color-black)}.thumbs-zone[data-v-867fb281]{display:flex;position:relative;justify-content:end;align-items:center;flex-direction:row;flex-wrap:nowrap;padding-right:3em;height:100%}.thumbs-zone img[data-v-867fb281]{width:25px;height:25px;margin:.25em}.logo[data-v-867fb281]{position:absolute;z-index:999;width:50px;width:clamp(50px,10vw,80px);aspect-ratio:1/1;left:-20px;top:-20px;rotate:-25deg}span[data-v-867fb281]{position:absolute;font-size:1.75em;font-size:clamp(1.25em,5vw,2em);font-weight:700;top:-.25em;color:var(--color-white);text-align:left;z-index:998}svg[data-v-867fb281]{position:absolute;right:4px;top:4px;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZbRTcMwEIZ/X1DVSDwwQTlvwAhsgBiBDcoEhAmADTICTAAbUCbwCRboA6K81OZSNVJBIsSx6UPVT3IUnR8+/z7JNrBnIKb9WTg+NfBnAeFljOLeWJkjIyvRu+OTAv55oy4AXZRWnpAJaj4qmf6oM+AfP9zkJjg+Qgaoa1LjTj81qW4r4z9Fa1jTuYWbXCGBPqKWSmVuaLoYUQMPTRcraolON1TUwDHpUkQtvdLlEDVwgL/FFkSKOcY2RAWFWdf8AdKR4PEwAlVIFRmYmfbgTtctS2Be6BjriDnhe4iMBJjz0r4JEvizR8uVRASJdIq8x/Whlc4m9+XXrSNCXdrXCplYJ6L6e9nIyNMlMrL5ZuDg9aYlkhKoc78Zdo8vKxRnhfRzOn8AAAAASUVORK5CYII=),url(/assets/cursor_pointer-2d0aef5a.svg),auto;transition:all .25s cubic-bezier(.075,.82,.165,1)}.v-enter-active[data-v-867fb281],.v-leave-active[data-v-867fb281]{width:100%;transition:all .5s ease;opacity:1}.v-enter-from[data-v-867fb281],.v-leave-to[data-v-867fb281]{opacity:0;width:0}.root[data-v-9cd176f9]{margin:2em 1em;overflow:hidden}.grid-parent[data-v-9cd176f9]{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:1em;grid-row-gap:1em;width:auto;max-width:400px;height:auto}.root[data-v-384dd0d6]{margin:2em 1em;overflow:hidden}.code-main-title[data-v-384dd0d6]{display:flex;flex-direction:column;font-size:2em;font-size:clamp(2em,5vw,2.5em);margin:.5em 0 .5em 1em}.root[data-v-4b8035cd]{margin:2em 1em;overflow:hidden}.code-main-title[data-v-4b8035cd]{display:flex;flex-wrap:wrap}img[data-v-4b8035cd]{width:41px;margin:.2em}.root[data-v-683c1653]{display:flex;width:100%;max-width:280px}.parent[data-v-683c1653]{display:grid;grid-template-columns:auto repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:0px;width:100%;height:305px;overflow:hidden;justify-items:center;align-items:center}.linked-in[data-v-683c1653]{grid-area:3 / 1 / 4 / 2;align-self:flex-start}.mail[data-v-683c1653]{grid-area:2 / 1 / 3 / 2}.phone[data-v-683c1653]{align-self:flex-end;grid-area:1 / 1 / 2 / 2}.memoji[data-v-683c1653]{position:relative;right:0px;grid-area:1 / 2 / 4 / 5}svg[data-v-683c1653]{opacity:.5;animation:neon .25s ease-in-out forwards}svg[data-v-683c1653]:hover,svg[data-v-683c1653]:active,svg[data-v-683c1653]:focus{opacity:1;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px;color:#fff}.mobile[data-v-5d52f343],.laptop[data-v-5d52f343]{display:none;animation:pulse 5s infinite}@media screen and (min-width: 320px) and (max-width: 1023px){.mobile[data-v-5d52f343]{display:grid;position:relative;grid-template-columns:1fr;grid-template-rows:auto;justify-self:center;z-index:2;overflow:hidden;background:linear-gradient(180deg,rgb(26,26,26) 30%,rgb(182,47,49) 100%)}.mobile[data-v-5d52f343]:before{content:"";position:absolute;width:2px;height:100%;background-color:var(--color-red);box-shadow:0 0 10px 2px #ffffff3b;z-index:9999;animation:lineAnim-5d52f343 10s infinite}@keyframes lineAnim-5d52f343{0%{left:0px;transform:translateY(-105%);-webkit-transform:translateY(-105%)}49%{left:0px;transform:translateY(105%);-webkit-transform:translateY(105%)}50%{left:calc(100% - 2px);transform:translateY(105%);-webkit-transform:translateY(105%)}to{left:calc(100% - 2px);transform:translateY(-105%);-webkit-transform:translateY(-105%)}}#HeaderComp[data-v-5d52f343]{grid-area:1 / 1}#WhoIAmComp[data-v-5d52f343]{grid-area:2 / 1;justify-self:center}#ExpComp[data-v-5d52f343]{grid-area:3 / 1;justify-self:center}#ContactsComp[data-v-5d52f343]{grid-area:4 / 1;justify-self:center}#MyHobbiesComp[data-v-5d52f343]{grid-area:5 / 1;justify-self:center}#FooterComp[data-v-5d52f343]{grid-area:6 / 1;justify-self:center;padding:0 1em}}@media screen and (min-width: 1024px){body[data-v-5d52f343]{height:100vh}.laptop[data-v-5d52f343]{position:relative;display:grid;grid-template-columns:100px repeat(10,1fr);grid-template-rows:auto repeat(8,100px) auto;justify-self:center;align-self:center;width:100%;overflow:hidden;max-width:1440px;z-index:999}.laptop[data-v-5d52f343]:after{content:"";position:absolute;width:100%;height:100%;opacity:.5;filter:blur(10px);z-index:-1}.laptop[data-v-5d52f343]:before{content:"";position:absolute;width:2px;height:100%;background-color:var(--color-red);box-shadow:0 0 10px 2px #ffffff3b;z-index:999;animation:lineAnim-5d52f343 10s infinite}@keyframes lineAnim-5d52f343{0%{left:0px;background-color:var(--color-red);transform:translateY(-105%);-webkit-transform:translateY(-105%)}49%{left:0px;background-color:var(--color-red);transform:translateY(105%);-webkit-transform:translateY(105%)}50%{left:calc(100% - 2px);background-color:var(--color-white);transform:translateY(105%);-webkit-transform:translateY(105%)}to{left:calc(100% - 2px);background-color:var(--color-white);transform:translateY(-105%);-webkit-transform:translateY(-105%)}}#HeaderComp[data-v-5d52f343]{grid-area:2 / 1 / 10 / 2}#WhoIAmComp[data-v-5d52f343]{grid-area:3 / 2 / 6 / 8}#ExpComp[data-v-5d52f343]{grid-area:6 / 2 / 10 / 7;justify-content:end;align-self:flex-end}#ContactsComp[data-v-5d52f343]{grid-area:2 / 8 / 7 / 12;align-self:flex-end}#MyHobbiesComp[data-v-5d52f343]{grid-area:7 / 7 / 9 / 11;align-self:flex-end}article[data-v-5d52f343]{grid-area:2 / 2 / 3 / 4;align-self:center;justify-self:center;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:.25em}article svg[data-v-5d52f343]{opacity:.5;animation:neon .25s ease-in-out forwards}article svg[data-v-5d52f343]:hover,article svg[data-v-5d52f343]:active,article svg[data-v-5d52f343]:focus{opacity:1;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px;color:#fff}.memoji[data-v-5d52f343]{position:relative;grid-area:7 / 10 / 10 / 12;justify-content:flex-end;align-self:flex-end;right:-2em;z-index:9999}}