@import url(https://s.pageclip.co/v1/pageclip.css);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400);:root{--body-color:rgba(0,0,0,0.8);--primary-color:#00a672;--primary-color-dark:#00835c;--header-height:58px;--bg:#fff;--bg-secondary:#f7f9f8;--bg-transparent:hsla(0,0%,100%,0.9);--bg-teritary:#f7f9f8;--dark-bg:#0d2538;--code-bg:#0e2233;--select-color:rgba(212,53,159,0.2);--inline-code-text:#b32585;--inline-code-bg:rgba(212,53,159,0.03);--border-color:#e2ecec;--border-color-darker:#cfe6e6;--mark-color:#fff8ec;--border-radius:5px;--success-bg:rgba(91,177,150,0.25098039215686274);--space:25px;--space-x2:50px;--code-color:#fdf9f3;--glow:2px 2px 15px 0 var(--border-color-darker);--shadow:0 0.05rem 0.1rem rgba(0,0,0,0.5);--bshadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px #e6ecf8;--grad:linear-gradient(90deg,var(--primary-color),#8ed6fb 50%,#d32e9d)}@media screen and (max-width:550px){:root{--space:20px;--space-x2:20px}}:root [data-theme=dark]{--body-color:#ebf4f1;--bg:#131418;--bg-secondary:#212529;--bg-teritary:#1e1f26;--bg-transparent:rgba(9,26,40,0.8823529411764706);--border-color:#131418;--border-color-darker:#0d2538;--inline-code-text:#e24cb2;--inline-code-bg:rgba(212,53,159,0.1);--primary-color:#00835c;--primary-color-dark:#00a672;--glow:2px 2px 15px 0 #071521;--bshadow:0 5px 5px 0 rgba(0,0,0,0.2),0 0 0 1px #293347}:root [data-theme=sepia]{--body-color:#433422;--bg:#f1e7d0;--dark-bg:#111;--code-bg:#222;--bg-transparent:rgba(241,231,208,0.8823529411764706);--bg-secondary:#eae0c9;--bg-teritary:#eadec2;--border-color:#ded0bf;--border-color-darker:#ccbca9;--glow:2px 2px 15px 0 #ccbca9;--bshadow:0 5px 5px 0 rgba(233,255,203,0.3),0 0 0 1px #ccbca9}:focus{outline:none}body{margin:0;overflow-x:hidden;font-family:Josefin Sans,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:500;line-height:1.5;background-color:var(--bg);text-align:left;color:#f8f9fa;border-image-slice:1;border-width:10px 2px 2px;border-top:2px solid;border-image-source:var(--grad);height:100%}@media only screen and (max-width:768px){body,html{overflow-x:hidden}}.content{min-height:75vh}#app,a{color:var(--body-color)}a{text-decoration:none}header{margin-bottom:2rem;display:grid;justify-content:center}.page-title{text-align:center;font-size:2.5rem;font-weight:500;color:var(--body-color)}::-webkit-scrollbar{width:6px;border-left:1px solid #293347}::-webkit-scrollbar-thumb{background-color:#e6ecf8}.card:first-child{margin-top:20px}.grid .card:nth-child(1n){top:40px!important}.grid .card:nth-child(2n){top:80px!important}.grid .card:nth-child(3n){top:120px!important}.grid .card:nth-child(4n){top:160px!important}.grid .card:nth-child(5n){top:200px!important}.grid .card:nth-child(6n){top:240px!important}.grid .card:nth-child(7n){top:280px!important}.grid .card:nth-child(8n){top:320px!important}.grid .card:nth-child(1n) h2{padding-left:10%}.grid .card:nth-child(2n) h2{padding-left:20%}.grid .card:nth-child(3n) h2{padding-left:30%}.grid .card:nth-child(4n) h2{padding-left:40%}.grid .card:nth-child(5n) h2{padding-left:50%}.grid .card:nth-child(6n) h2{padding-left:60%}.grid .card:nth-child(7n) h2{padding-left:70%}.grid .card:nth-child(8n) h2{padding-left:80%}.grid .card:first-child{background:linear-gradient(#041830,#080117)!important;color:#fff!important}.grid .card:nth-child(2){background:linear-gradient(90deg,#41b782,#86d169)!important;color:#1f1c28!important}.grid .card:nth-child(3){background:linear-gradient(#a4508b,#5f0a87 74%)!important;color:#fff!important}.grid{margin-bottom:2rem}.social-dev:before{width:100vw;z-index:-1;overflow-y:hidden;content:"";height:12rem;background:var(--grad);opacity:1%;position:absolute;left:0}.social-dev{z-index:1;width:100%;height:12rem;display:block;padding:1rem;margin-bottom:1rem;left:0}.social-dev h3{font-size:2rem;line-height:0;padding-top:.5rem}.social-dev ul{display:inline-flex}.social-dev ul li{list-style:none;margin:0 1rem}.social-dev ul li a{font-size:2rem}.box{margin:2rem auto;text-align:left}.cskill{padding-top:2rem;padding-bottom:2rem}.cskill ul{padding:0}.cskill li{list-style-type:none;padding:.2rem;margin:0 auto;display:block;text-align:center}.cskill li:before{position:relative}.rskill .cskill:first-child li{list-style-type:none;padding:.1rem;margin:0 auto;display:inline-block}.rskill .cskill:first-child li:before{content:"⚓";padding-right:.4rem;padding-left:.6rem}.rskill .cskill:last-child{border-right:none;border-bottom:none}.iskill{font-size:64px!important;color:hsla(0,0%,100%,.026);text-shadow:none}.iskill:before{font-size:64px;margin:0 auto;background:linear-gradient(150deg,#b054d8,#364e86);background-clip:text;-webkit-background-clip:text;display:initial}.rskill h3{font-size:2rem}.rskill h4{font-size:1.5rem}.rskill{background-color:var(--bg-teritary);border-radius:15px;box-shadow:var(--bshadow);line-height:1.2rem}.htb div{margin:10px auto 0}@media only screen and (max-width:968px){.cskill{padding-bottom:2rem;border-bottom:1px solid var(--border-color)}}@media only screen and (min-width:968px){.cskill{border-bottom:0 solid var(--border-color);border-right:1px solid var(--border-color)}}@media only screen and (min-width:980px){footer{line-height:.5rem}}@media only screen and (min-width:768px){.madeby{border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}}@media only screen and (max-width:768px){.madeby{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.socalinks{margin-bottom:2rem}}.madeby{font-size:1.5rem}.madeby .vue{width:22px}.madeby .itzik{font-size:2rem;font-family:Gochi Hand,cursive;display:inline-block;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}footer{background-color:var(--bg-teritary);display:block;position:relative;bottom:0;width:100%;border-image-slice:1;border-width:10px 2px 2px;border-top:2px solid;border-image-source:var(--grad)}.row,footer .container{margin-top:0;margin-bottom:0;padding:0}.socalinks{text-align:center!important;font-size:2rem}.socalinks a{margin-left:10px;position:relative;top:25px}.viewn{margin-top:.8rem}.git{padding:0}.fb:hover{color:#3b5998!important;text-decoration:none}.fb:active{color:#3b5998!important;text-decoration:none}.yt:hover{color:#aa000e!important;text-decoration:none}.yt:active{color:#aa000e!important;text-decoration:none}.lin:hover{color:#4875b4!important;text-decoration:none}.lin:active{color:#4875b4!important;text-decoration:none}.grid{display:grid;gap:2rem}.card{border-radius:25px;box-shadow:5px 5px 5px rgba(0,0,0,.1);padding:40px;padding-top:0!important;flex-direction:column;background:#1f1c28;color:#1f1c28;position:sticky;top:10px}.card h2{margin:0!important;text-align:left}@media only screen and (min-width:968px){.stinker .card-text{width:45%}}.card-text{margin-top:2rem;display:inline-block;flex-direction:column;text-align:left}.card-links{display:flex-root;text-align:center}.card-links a{padding:2.5rem;display:inline-flex;align-content:center;align-self:center;align-items:center;text-align:center}.card-links a i{font-size:2.5rem!important;color:#fff!important}.card-links a .g-image{height:2.6rem;width:auto;justify-content:center;align-self:center;align-items:center;color:#fff}.card-links a svg{align-items:center;align-self:center;align-content:center;top:4px!important;position:relative}.card-text p{flex-direction:column}.card-screenshot{border-radius:25px;height:-webkit-fill-available;max-height:100%;width:45%;position:absolute;right:0;top:0;display:block;-o-object-fit:contain;object-fit:contain;z-index:-1;overflow:hidden hidden}.card-screenshot img{height:auto;width:auto;-o-object-fit:cover;object-fit:cover}.card,.stinker{background:linear-gradient(#34485f,#141824)!important;display:grid;color:#fff!important;text-align:left;margin-bottom:3.5rem}.vork{background:linear-gradient(90deg,#41b782,#86d169)!important;color:#1f1c28!important}.vork .card-screenshot img{float:right;height:inherit;border-radius:20px}.stinker .card-text{max-width:50%}@media only screen and (max-width:768px){.stinker .card-text{max-width:100%}.stinker .card-screenshot{display:none}}h1.logo a{color:var(--body-color);font-family:Gochi Hand,cursive;font-size:7rem;text-align:center;display:block;color:#fff;margin:0 auto;text-decoration:none;border:0}h1.logo a:active{text-decoration:none;color:#000}h1.logo a:visited{color:inherit;text-decoration:none}h1.logo a:hover{cursor:default}.floating{position:fixed;top:2px;right:0;padding:1rem;z-index:999}.toggle-theme{background-color:transparent;border:0;color:currentColor;cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-theme:hover{opacity:.8;-webkit-animation-name:lel;animation-name:lel;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.toggle-theme:focus{outline:none}@-webkit-keyframes lel{0%{cursor:-webkit-grabbing;cursor:grabbing}49%{cursor:-webkit-grab;cursor:grab}50%{cursor:-webkit-grabbing;cursor:grabbing}to{cursor:-webkit-grab;cursor:grab}}@keyframes lel{0%{cursor:-webkit-grabbing;cursor:grabbing}49%{cursor:-webkit-grab;cursor:grab}50%{cursor:-webkit-grabbing;cursor:grabbing}to{cursor:-webkit-grab;cursor:grab}}.header{align-items:center;margin-bottom:2rem}.nav__link{margin-left:20px}nav{justify-content:center;text-align:center;width:100%}.active--exact{border-bottom:2px solid var(--body-color)}.penguin{text-align:left}.penguin img{position:relative;bottom:-15px}.layout{margin:0 auto;text-align:center}.fade-enter-active{-webkit-animation:fadeInUpBig;animation:fadeInUpBig;-webkit-animation-duration:.5s;animation-duration:.5s}.fade-leave-active{-webkit-animation:fadeOutDown;animation:fadeOutDown;-webkit-animation-duration:.5s;animation-duration:.5s}.ifle[data-v-571725b4]{display:inline-flex}@media only screen and (max-width:768px){.ifle[data-v-571725b4]{max-width:70vw}.debug[data-v-571725b4],code[data-v-571725b4],pre[data-v-571725b4]{display:none}}[data-v-571725b4],[data-v-571725b4]:after,[data-v-571725b4]:before{box-sizing:border-box}.vue-form[data-v-571725b4]{font-size:16px;padding:15px 30px;border-radius:4px;margin:50px auto;width:500px;background-color:var(--bg-secondary);color:var(--body-color);box-shadow:0 4px 6px 0 rgba(0,0,0,.3)}.vue-form fieldset[data-v-571725b4]{margin:24px 0 0;border:0}.vue-form legend[data-v-571725b4]{padding-bottom:10px}.vue-form div[data-v-571725b4]{position:relative;margin:20px 0}.vue-form .label[data-v-571725b4],.vue-form h4[data-v-571725b4]{color:var(--body-color);margin-bottom:10px}.vue-form .label[data-v-571725b4]{display:block}.vue-form input[data-v-571725b4],.vue-form label[data-v-571725b4],.vue-form select[data-v-571725b4],.vue-form textarea[data-v-571725b4]{color:var(--body-color)}.vue-form input[type=email][data-v-571725b4],.vue-form input[type=text][data-v-571725b4],.vue-form legend[data-v-571725b4],.vue-form select[data-v-571725b4],.vue-form textarea[data-v-571725b4]{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vue-form input[type=email][data-v-571725b4],.vue-form input[type=text][data-v-571725b4],.vue-form select[data-v-571725b4],.vue-form textarea[data-v-571725b4]{padding:12px;border:1px solid var(--bg);background-color:var(--bg-teritary);color:var(--body-color);border-radius:.25em;box-shadow:inset 0 1px 1px var(--bg)}.vue-form input[type=email][data-v-571725b4]:focus,.vue-form input[type=text][data-v-571725b4]:focus,.vue-form select[data-v-571725b4]:focus,.vue-form textarea[data-v-571725b4]:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 5px rgba(44,151,222,.2)}.vue-form .select[data-v-571725b4]{position:relative}.vue-form .select[data-v-571725b4]:after{content:"";position:absolute;z-index:1;right:16px;top:50%;margin-top:-8px;display:block;width:16px;height:16px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%232c3e50' d='M.9 5.5l2.2-2.1L8 8.3l4.9-4.9 2.2 2.1L8 12.6z'/%3E%3C/svg%3E") no-repeat 50%;pointer-events:none}.vue-form select[data-v-571725b4]{box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer}.vue-form select[data-v-571725b4]::-ms-expand{display:none}.vue-form .vue-form-list[data-v-571725b4]{margin-top:16px}.vue-form .vue-form-list[data-v-571725b4]:after{clear:both;content:"";display:table}.vue-form .vue-form-list li[data-v-571725b4]{display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 26px 16px 0;float:left}.vue-form input[type=checkbox][data-v-571725b4],.vue-form input[type=radio][data-v-571725b4]{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;padding:0;opacity:0;z-index:2}.vue-form input[type=checkbox]+label[data-v-571725b4],.vue-form input[type=radio]+label[data-v-571725b4]{padding-left:24px}.vue-form input[type=checkbox]+label[data-v-571725b4]:after,.vue-form input[type=checkbox]+label[data-v-571725b4]:before,.vue-form input[type=radio]+label[data-v-571725b4]:after,.vue-form input[type=radio]+label[data-v-571725b4]:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px}.vue-form input[type=checkbox]+label[data-v-571725b4]:before,.vue-form input[type=radio]+label[data-v-571725b4]:before{border:1px solid #cfd9db;background:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.08)}.vue-form input[type=radio]+label[data-v-571725b4]:after,.vue-form input[type=radio]+label[data-v-571725b4]:before{border-radius:50%}.vue-form input[type=checkbox]+label[data-v-571725b4]:after,.vue-form input[type=checkbox]+label[data-v-571725b4]:before{border-radius:.25em}.vue-form input[type=checkbox]+label[data-v-571725b4]:after,.vue-form input[type=radio]+label[data-v-571725b4]:after{background-color:#2c3e50;background-position:50%;background-repeat:no-repeat;box-shadow:0 0 5px rgba(44,151,222,.4);display:none}.vue-form input[type=radio]+label[data-v-571725b4]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='3'/%3E%3C/svg%3E")}.vue-form input[type=checkbox]+label[data-v-571725b4]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10' d='M5 8l2 2 4-4'/%3E%3C/svg%3E")}.vue-form input[type=checkbox]:focus+label[data-v-571725b4]:before,.vue-form input[type=radio]:focus+label[data-v-571725b4]:before{box-shadow:0 0 5px rgba(44,151,222,.6)}.vue-form input[type=checkbox]:checked+label[data-v-571725b4]:after,.vue-form input[type=radio]:checked+label[data-v-571725b4]:after{display:block}.vue-form input[type=checkbox]:checked+label[data-v-571725b4]:after,.vue-form input[type=checkbox]:checked+label[data-v-571725b4]:before,.vue-form input[type=radio]:checked+label[data-v-571725b4]:after,.vue-form input[type=radio]:checked+label[data-v-571725b4]:before{-webkit-animation:cd-bounce-data-v-571725b4 .3s;animation:cd-bounce-data-v-571725b4 .3s}.vue-form textarea[data-v-571725b4]{min-height:120px;resize:vertical;overflow:auto}.vue-form input[type=submit][data-v-571725b4]{border:none;background:#2c3e50;border-radius:.25em;padding:12px 20px;color:#fff;font-weight:700;float:right;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-moz-appearance:none;appearance:none}.no-touch .vue-form input[type=submit][data-v-571725b4]:hover{background:#42a2e1}.vue-form input[type=submit][data-v-571725b4]:focus{outline:none;background:#2b3e51}.vue-form input[type=submit][data-v-571725b4]:active{transform:scale(.9)}.vue-form .error-message[data-v-571725b4]{height:35px;margin:0}.vue-form .error-message p[data-v-571725b4]{background:#e94b35;display:inline;color:#fff;font-size:1.4rem;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:.25em;padding:16px}.vue-form .error[data-v-571725b4]{border-color:#e94b35!important}.vue-form .valid[data-v-571725b4]{border-color:#a4e935!important}.vue-form .counter[data-v-571725b4]{background-color:var(--bg-teritary);color:var(--body-color);position:absolute;right:0;top:0;font-size:10px;padding:4px}.debug[data-v-571725b4]{border-radius:4px;margin:50px auto;width:500px;background-color:#000;padding:50px;background:rgba(0,0,0,.8);box-shadow:0 4px 6px 0 rgba(0,0,0,.3)}.debug pre[data-v-571725b4]{color:#fff;font-size:18px;text-align:left;line-height:30px;font-family:Source Code Pro,monospace;font-weight:300;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden}@-webkit-keyframes cd-bounce-data-v-571725b4{0%,to{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.8)}}@keyframes cd-bounce-data-v-571725b4{0%,to{transform:scale(1)}50%{transform:scale(.8)}}.output[data-v-4793d9f7]{color:#e83e8c;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400;font-size:1.2rem;text-align:center}span.cursor[data-v-4793d9f7]{content:"";display:inline-block;margin-left:3px;background-color:#e83e8c;-webkit-animation-name:blink-data-v-4793d9f7;animation-name:blink-data-v-4793d9f7;-webkit-animation-duration:.5s;animation-duration:.5s;font-size:.8rem;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}span.cursor.typing[data-v-4793d9f7]{-webkit-animation:none;animation:none}@-webkit-keyframes blink-data-v-4793d9f7{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes blink-data-v-4793d9f7{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}