@keyframes fadein{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeout{from{opacity:1;visibility:visible}to{visibility:hidden;opacity:0}}html{scroll-behavior:smooth}body{height:100%;overflow-x:hidden;margin:0;padding:0;color:#fff;text-shadow:#343a40 2px 2px 2px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";animation:fadein 1.4s;background-color:#343a40;overscroll-behavior-y:contain}strong{color:#acd233}h1,h2,h3,p{margin:0;padding:0}header{z-index:1000;position:fixed;top:0;width:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:1.1em;text-align:center}header *{margin:0;padding:.5em .75em}header h1{text-align:center;font-weight:bold;font-size:1.1em;float:left}header h1 span{margin:0 !important;padding:0 !important}header h1 #titleH{color:#11aeae}header h1 #title2{color:#acd233}header h1 #titleStdio{color:#fff}header a{text-decoration:none;color:#fff}header #dateTime{float:right;font-size:1.1em;display:none}header #dateTime #date{margin:0;padding:0;display:none;float:right}header #dateTime #time{margin:0;padding:0;display:none;float:right}#canvas{display:none}#svgDiv{display:flex;z-index:-1;position:fixed;top:0;width:100vw;height:100vh}#svgDiv svg{width:100%}header .icon{padding:0;margin:0;display:block;float:right}header .icon img{margin:0;height:1.4em;-webkit-filter:drop-shadow(2px 2px 2px #343a40);filter:drop-shadow(2px 2px 2px #343a40);display:block;float:right}header .icon .label{padding:1.05em 0;margin-left:-0.8em;font-size:.7em;float:right;display:none}main{margin:4em auto 2em;display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:1em;grid-row-gap:1em;max-width:220px}a{color:#fff;text-decoration:none}a:active,a:focus{background-color:transparent}.info{text-align:center;width:200px;padding:.5em;display:flex;align-items:center;font-size:1.3em}.info img{-webkit-filter:drop-shadow(2px 2px 2px #343a40);filter:drop-shadow(2px 2px 2px #343a40)}#passion.info img,#social.info img{padding:.5em .15em;height:1.8em}.group{text-align:center;padding:.5em;border-radius:1em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:200px}.group .grid{display:grid;grid-column-gap:0;grid-row-gap:0;grid-template-columns:repeat(2,1fr)}.group h2{margin:0;font-size:1.1em;font-weight:normal}.group .icon{text-align:center}.group .icon img{width:4em;display:block;margin:auto}.group .icon .label{font-size:.8em;padding:0;margin:0}header,.group,footer input,footer textarea{background-color:rgba(142,142,142,0.5)}footer{display:block;margin:auto}footer #grid{display:grid;grid-template-columns:repeat(1,1fr);clear:both;bottom:0;margin:0;padding:0;text-align:center !important}footer #grid div{padding:1em 2em;display:inline}footer p{margin:.5em 0;text-align:center !important}footer img{-webkit-filter:drop-shadow(2px 2px 2px #343a40);filter:drop-shadow(2px 2px 2px #343a40)}footer form .controls{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:1em;grid-row-gap:1em;margin:0 auto 0;width:100%}footer input[type="text"],footer input[type="email"],footer textarea{border:0;padding:.5em;border-radius:.8em;outline:0;color:white;font-size:1em;width:200px;display:block}input[type="submit"],input[type="submit"]:active,input[type="submit"]:hover{background-color:#0d6efd;color:#f8f9fa;font-weight:bold;padding:.5rem 1rem;border:1px solid darken(#0d6efd,10%);border-radius:.5em;outline:0;font-size:1.15em;line-height:1;box-shadow:#343a40 2px 2px 2px;margin:0 auto}input[type="submit"]:hover{background-color:darken(#0d6efd,5%)}input[type="submit"]:active{background-color:darken(#0d6efd,10%)}#goUp,#goDown{position:fixed;right:1em;z-index:1000;height:3em;width:3em;background-color:#acd233;border-radius:50%;-webkit-filter:drop-shadow(2px 2px 3px #343a40);filter:drop-shadow(2px 2px 3px #343a40);visibility:hidden;opacity:0;transition:all 600ms cubic-bezier(0.335,0.010,0.030,1.360)}#goUp.open,#goDown.open{opacity:1;visibility:visible}#goUp{bottom:5em}#goDown{bottom:1em}body.dark{background-color:black}#brightness .labeldark,.dark #brightness .labelbright{display:none}.dark #brightness .labeldark,#brightness .labelbright{display:block;margin:0;padding:0}.dark header,.dark .group,.dark footer input,.dark footer textarea{background-color:rgba(82,82,82,0.44)}@media(min-width:400px){header .icon .label{display:block}}@media(min-width:500px){header .icon .label{display:block}header #dateTime{display:block}header #dateTime #time{display:block}}@media(min-width:600px){header h1{float:left}.group{display:inline-block;margin:0}main{grid-template-columns:repeat(2,1fr);margin:3.8em auto 4em;max-width:450px}footer{grid-template-columns:repeat(2,1fr);max-width:450px}footer form .controls{grid-template-columns:repeat(2,1fr)}}@media(min-width:850px){header #dateTime #date{display:block}header #dateTime #time{display:block;padding:0 .4em}main{grid-template-columns:repeat(3,1fr);max-width:690px}footer{grid-template-columns:repeat(3,1fr);max-width:690px}footer form .controls{grid-template-columns:repeat(3,1fr)}}