.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px #1a1a1a;transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}body{overflow-x:hidden;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.chakra-ui-dark{background:linear-gradient(#11061e,#130a25)}#root{width:100vw;min-height:100vh;background-image:url(/assets/bg1-DHsi1mLV.gif)!important;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;z-index:2}.background{width:100vw}#magic{position:fixed;width:100%;height:100vh;display:block;top:0;left:0;z-index:-1;opacity:.3}#magic2{display:none}.playground{position:fixed;width:100%;height:100vh;display:block;top:0;left:0;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-end;align-items:center;z-index:-100}.wrapper{display:block;margin:14vh auto 60px;padding:16px;width:70%;min-width:390px;border:.125em solid #b47395;box-shadow:inset 0 0 .75em #b47395,0 0 .75em #b47395;background:#2d1057bf}.about-img{border:2px solid #b47395;float:right}.project-name{text-align:center}.language{position:absolute;right:30px;top:20px}.nav{background:#72155e00;margin:auto;width:fit-content;font-size:large;font-weight:800}.nav a{padding:10px}.mirror{color:#d1abbf}.mirror-active,.mirror2{color:#fff;text-shadow:0 0 10px #b47395,0 0 20px #b47395,0 0 40px #b47395}.mirror:hover,.mirror-active:hover{animation:animate1 .2s linear forwards}.ActionScript{color:#f75b40}.JavaScript{color:#f7e025}.CakePHP,.PHP{color:#8888ce}.Git{color:#8957e5}.MySQL{color:#f29111}.MathML{color:#087ecf}.SVN{color:#849fcb}.Maya{color:#42b6b9}.JSON{color:#578971}.Wordpress{color:#d4d4d4}.Firebase,.Firestore,.Zustand{color:#ffc300}.TypeScript{color:#087ecf}.React{color:#08dcff}.Chakra{color:#31c1b5}.Java{color:#29c08b}.Joomla{color:#5fa72d}.Query{color:#f75b40}.Tailwind{color:#08dcff}.Bootstrap{color:#8888ce}.tooltip{position:relative;display:inline-block}.tech-list{font-size:13px;cursor:pointer}.joomlaTooltip{background-color:#87e74273;border:.125em solid rgb(135,231,66);box-shadow:inset 0 0 .75em #87e742,0 0 .75em #87e742}.cakephpTooltip{background-color:#8888ce73;border:.125em solid rgb(136,136,206);box-shadow:inset 0 0 .75em #8888ce,0 0 .75em #8888ce}.reactTooltip{background-color:#08dcff73;border:.125em solid rgb(8,220,255);box-shadow:inset 0 0 .75em #08dcff,0 0 .75em #08dcff}.typescriptTooltip,.mathmlTooltip{background-color:#087ecf73;border:.125em solid rgb(8,126,207);box-shadow:inset 0 0 .75em #087ecf,0 0 .75em #087ecf}.gitTooltip{background-color:#8957e573;border:.125em solid rgb(137,87,229);box-shadow:inset 0 0 .75em #8957e5,0 0 .75em #8957e5}.jsTooltip{background-color:#f7e02573;border:.125em solid rgb(247,224,37);box-shadow:inset 0 0 .75em #f7e025,0 0 .75em #f7e025}.mysqlTooltip{background-color:#f2911173;border:.125em solid rgb(242,145,17);box-shadow:inset 0 0 .75em #f29111,0 0 .75em #f29111}.firebaseTooltip,.firestoreTooltip{background-color:#ffc30073;border:.125em solid rgb(255,195,0);box-shadow:inset 0 0 .75em #ffc300,0 0 .75em #ffc300}.chakraTooltip{background-color:#31c1b573;border:.125em solid rgb(49,193,181);box-shadow:inset 0 0 .75em #31c1b5,0 0 .75em #31c1b5}.wordpressTooltip{background-color:#d4d4d473;border:.125em solid rgb(212,212,212);box-shadow:inset 0 0 .75em #d4d4d4,0 0 .75em #d4d4d4}.asTooltip{background-color:#f75b4073;border:.125em solid rgb(247,91,64);box-shadow:inset 0 0 .75em #f75b40,0 0 .75em #f75b40}.jsonTooltip{background-color:#57897173;border:.125em solid rgb(87,137,113);box-shadow:inset 0 0 .75em #578971,0 0 .75em #578971}.mayaTooltip{background-color:#42b6b973;border:.125em solid rgb(66,182,185);box-shadow:inset 0 0 .75em #42b6b9,0 0 .75em #42b6b9}.javaTooltip{background-color:#29c08b73;border:.125em solid rgb(41,192,139);box-shadow:inset 0 0 .75em #29c08b,0 0 .75em #29c08b}.svnTooltip{background-color:#849fcb73;border:.125em solid rgb(132,159,203);box-shadow:inset 0 0 .75em #849fcb,0 0 .75em #849fcb}.phpTooltip{background-color:#8888ce73;border:.125em solid rgb(136,136,206);box-shadow:inset 0 0 .75em #8888ce,0 0 .75em #8888ce}.tailwindTooltip{background-color:#087ecf73;border:.125em solid rgb(8,126,207);box-shadow:inset 0 0 .75em #087ecf,0 0 .75em #087ecf}.tooltip .tooltiptext{visibility:hidden;width:450px;text-align:left;padding:10px;color:#fff;position:absolute;z-index:1;top:30px;left:-152px;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.tooltip .tooltiptext2{visibility:hidden;width:450px;text-align:left;padding:10px;color:#fff;position:absolute;z-index:1;top:61px;left:-117px;opacity:0;transition:opacity .3s;text-shadow:none;font-size:13px}.tooltip:hover .tooltiptext2{visibility:visible;opacity:1}.tsumegoHeroTooltip{background-color:#89609ba6;border:2px solid rgb(103,199,119);color:#fff!important}.trailers4uTooltip{background-color:#1a2d68e6;border:2px solid #a372a1;color:#dad5d9!important;box-shadow:inset 0 0 .75em #a64fad,0 0 .75em #a64fad}.goInBremenTooltip{background-color:#151312a6;border:2px solid #fdb962;color:#fff!important}.petersenHardrahtPruggmayerTooltip{background-color:#564b55cc;border:2px solid #66b2e0;color:#fff!important}.airliftTooltip{background-color:#57a0c7a6;border:2px solid #d4edfc;color:#fff!important}.cityDatingTooltip{background-color:#531c1ca6;border:2px solid #f1c73d;color:#f5c833!important}.betavilleNyTooltip{background-color:#383838a6;border:2px solid #72b31e;color:#e4dbb7!important}.betavilleBremenTooltip{background-color:#4a7c3dcc;border:2px solid #f5f6e2;color:#fff!important}.staikerEquityTooltip,.staikerReviewTooltip{background-color:#000000a6;border:2px solid #fff;color:#fff!important}.flag{cursor:pointer}.image-gallery{width:80%;margin-bottom:auto}.gallery-container{max-width:670px}.footer1{color:#725767;font-size:15px}.footer2{text-align:center;margin:68px}.top-nav-links{cursor:pointer}.project-box{background-image:url(/assets/glass4-BVGfzy5n.png)!important;background-repeat:no-repeat;background-size:cover;background-color:#0006!important}.project-box:hover{background-color:#0003!important;animation:animate1 .2s linear forwards}.chakra-text{text-shadow:none}@keyframes animate1{0%{color:#fff;text-shadow:0 0 10px #b47395}to{color:#fff;text-shadow:0 0 10px #b47395,0 0 20px #b47395,0 0 40px #b47395}}@media screen and (max-width: 900px){#magic{display:none}#magic2{display:block;position:fixed;width:100%;z-index:-10;opacity:.6;left:31%;margin-top:50px;font-weight:700}}@media screen and (max-width: 500px){#magic2{left:22%}.gallery-container{width:350px}}