@import "//hello.myfonts.net/count/2fb666";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.3}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:StempelSchneidlerStd-Bold;src:url(/assets/2FB666_0_0-Br-5XX6V.eot);src:url(/assets/2FB666_0_0-Br-5XX6V.eot?#iefix)format("embedded-opentype"),url(/assets/2FB666_0_0-Dck9BQ8d.woff2)format("woff2"),url(/assets/2FB666_0_0-GWcyTaLn.woff)format("woff"),url(/assets/2FB666_0_0-X97wrn5r.ttf)format("truetype")}@font-face{font-family:StempelSchneidlerLT-Medium;src:url(/assets/2FB666_1_0-DS6i3n3F.eot);src:url(/assets/2FB666_1_0-DS6i3n3F.eot?#iefix)format("embedded-opentype"),url(/assets/2FB666_1_0-Bp49FYLu.woff2)format("woff2"),url(/assets/2FB666_1_0-qyMFFAhe.woff)format("woff"),url(/assets/2FB666_1_0-fJ3qUPEq.ttf)format("truetype")}.StempelSchneidlerStd-Bold{font-family:StempelSchneidlerStd-Bold;font-style:normal;font-weight:400}.StempelSchneidlerLT-Medium,h1,h2,h3,h4,h5,p,li{font-family:StempelSchneidlerLT-Medium;font-style:normal;font-weight:400}body{width:100vw;height:100vh;margin:0 auto;font-family:StempelSchneidlerLT-Medium;font-size:125%;overflow-x:hidden}input,textarea,select,button{font:inherit}.vivi-wrapper{justify-content:center;align-items:center;height:100%;display:flex;overflow-y:hidden}.logo-wrapper{justify-content:center;width:50vw;height:100vh;display:flex}svg.zdog-svg{width:500px;height:500px}.wrapper{justify-content:center;align-items:center;display:flex}svg.viv1{z-index:6;transform-origin:50%;visibility:hidden;width:auto;height:10vh;position:absolute}svg.viv2{transform-origin:50%;z-index:5;visibility:hidden;width:auto;height:15vh;position:absolute;transform:rotate(90deg)}svg.viv3{transform-origin:50%;z-index:4;visibility:hidden;width:auto;height:25vh;position:absolute;transform:rotate(180deg)}svg.viv4{z-index:3;visibility:hidden;width:auto;height:40vh;position:absolute;transform:rotate(90deg)}svg.viv5{z-index:2;visibility:hidden;width:auto;height:60vh;position:absolute;transform:rotate(90deg)}svg.viv6{transform-origin:50%;z-index:1;width:auto;height:85vh;position:absolute;transform:rotate(180deg)}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes turn-white{0%{opacity:1}to{opacity:0}}h1{max-width:200px;margin:0 auto;font-size:12px}h2{font-size:78px}i{font-style:italic}h3{background-color:#fff;border-bottom:2px solid #000;width:100%;padding:20px 0;font-size:28px}h3:hover{cursor:pointer;background-color:#000}a{color:#000;text-decoration:none}h3:first-child{border-top:2px solid #000}.echo-words:first-child{color:#24da91}.echo-words-2:first-child{color:#6a369b}.echo-words-3:first-child{color:#990c3d}.echo-words-4:first-child{color:#c16012}.echo-words-5:first-child{color:#76cf96}.echo-words-6:first-child{color:#000}.echo-words-7:first-child{color:#5b4304}.echo-words-8:first-child{color:#9a271b}.echo-words-9:first-child{color:#8711fd}.hdex-title{mix-blend-mode:difference;color:#fff}.echo-title{mix-blend-mode:difference;padding-top:40px;font-size:100px;animation:4s ease-in-out infinite alternate both pulsate-fwd}.echo-title a{color:#fff}.echo-title a:hover{cursor:pointer;color:red}p{text-align:left;text-indent:20px}.circle-bck,.circle-bck-2{width:var(--size);height:var(--size);background-color:#000;border-radius:50%;transition:all 2s ease-in-out;position:absolute}.x{animation:13s linear infinite alternate x}.x-2{animation:13s linear infinite alternate-reverse x}.y{animation:7s linear infinite alternate y}.y-2{animation:7s linear infinite alternate-reverse y}@keyframes x{to{transform:translateX(calc(100vw - var(--size)))}}@keyframes y{to{transform:translateY(calc(100vh - var(--size)))}}img,video{width:100%;max-width:800px;margin:0 auto;padding:20px 0}.image-portrait{max-width:550px}button:hover{cursor:pointer}.video-portrait{max-width:400px;height:100%;padding:20px 0;display:block}.video-wrapper{flex-wrap:wrap;max-width:700px;margin:0 auto;display:flex}.video-wrapper video{max-width:300px;height:100%;padding:20px 0}.pics-wrapper{flex-wrap:wrap;max-width:700px;margin:0 auto;display:flex}.pics-wrapper img{max-width:300px;height:100%;padding:20px 0}.text{max-width:600px;margin:0 auto;padding:20px 0}.note{padding-top:40px;font-size:8px}.note-img{margin-top:-16px;font-size:8px}#sarizo-lwv{transition:all .5s;animation:6s linear infinite dance;transform:translate(-1000px)}@keyframes dance{to{transform:translate(1200px)}}.hdex-capitel,.hdex-words{padding:40px 0}.app-wrapper{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;max-width:90vw;padding:40px;display:flex}.app-wrapper-ex{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;max-width:100vw;padding:20px 20px 40px;display:flex;overflow-x:hidden}main{flex-direction:column;width:100%;display:flex}.hdex-header{padding:5px}.hdex-header .App-logo{pointer-events:none;width:auto;height:10vmin}.links-to-others{justify-content:space-between;width:100vw;padding:20px 20px 60px;display:flex}.links-to-others a:hover{cursor:pointer}.links-to-others a:first-child{padding-left:10px}.links-to-others a:nth-child(2){padding-right:40px}.hdex-archive{background-color:#000;width:80%;margin:0 auto}.hdex-archive a{color:#000;text-decoration:none}#words-generator,#python-generator,.plays{background-color:#fff;border:2px solid #000;margin:20px;padding:8px 12px}:is(#words-generator,#python-generator,.plays):hover{color:#fff;cursor:pointer;background-color:#000}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}@keyframes App-logo-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media only screen and (width<=600px){h2{font-size:48px}p{font-size:16px}}@keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.hdex2-gen-wrapper{text-align:center;padding:48px 24px}:root{--grey:#e1e4e8;--sand:#ebebd9;--teal:#143254;--pink:#ff6861;--black:#000;--lightblue:#2770c4;--darksand:#d1cfac;--red:#d3a9a9;--size:60vmin;--main-padding:28px}.grid-container-index{grid-template-rows:200px repeat(3,1fr) 200px;grid-template-columns:200px 1fr 1fr;margin:0 auto;display:grid}.grid-item{display:flex}.item1{padding-left:var(--main-padding);grid-area:1/1/auto/4;justify-content:flex-start;align-items:center}.title-index{word-wrap:anywhere;max-width:none;margin:0;font-size:80px}.item2,.item5,.item7{justify-content:center;align-items:center}.item3{padding:var(--main-padding);grid-area:2/2/5/4}.item3 .text-intro p{text-indent:0;font-size:24px;animation:40s linear infinite color-change}.item4{grid-area:2/3/5/4}.item8{padding-left:var(--main-padding);grid-area:5/1/auto/4;justify-content:flex-start;align-items:center}.icon{transition:transform 2s}.icon:not(.icon-bho){padding:calc(var(--main-padding) * 1.3)}.icon:hover{transition:transform 2s;transform:rotate(90deg)}.empty{padding:var(--main-padding)}.email{color:inherit;font-family:StempelSchneidlerLT-Medium;font-size:100%;text-decoration:none}@keyframes color-change{0%{color:#000}14%{color:#8a2be2}28%{color:#00f}42%{color:#adff2f}66%{color:#ff0}80%{color:orange}96%{color:red}}@media only screen and (width<=824px){.title-index{font-size:60px}.item4{align-items:flex-end}.item3{padding:calc(var(--main-padding) * 2) 0}.item3 .text-intro p{font-size:20px}}@media only screen and (width<=631px){.grid-container-index{flex-direction:column;display:flex}.item1{padding:var(--main-padding) 0;order:1;justify-content:center}.item1 .title-index{font-size:30px}.item2{order:4}.item4{order:2}.item5{order:5}.item7{order:6}.item8{padding-bottom:var(--main-padding);order:7}.item3{padding:0 calc(var(--main-padding) / 2);margin-bottom:calc(var(--main-padding) * 2);order:3;justify-content:center}.icon:not(.icon-bho){max-width:150px}.icon-bho{max-width:250px}.icon:last-of-type{margin-bottom:calc(var(--main-padding) * 3)}}.text-about{max-width:600px;padding-top:var(--main-padding);margin:0 auto}