:root{--theme-bg-1: #0a2616;--theme-bg-2: #006f48;--theme-bg-3: #00548a}html{background-color:var(--theme-bg-1)}body{font-family:Lato,Helvetica,Tahoma,Geneva,Arial,sans-serif;font-size:16px;margin:0;background-color:var(--theme-bg-1)}header{height:100vh;position:relative}.background,#pixi,.info{position:absolute;inset:0}.background{background-image:linear-gradient(var(--theme-bg-1) 5%,var(--theme-bg-2) 50%,var(--theme-bg-3) 100%)}#pixi{width:100%;height:100%;opacity:0;transition:opacity .2s}#pixi.loaded{opacity:1}.info{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.info-content{padding:60px;background:#0003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 0 20px 20px #0003}.name{color:#ededed;font-size:3.3rem;margin:0 0 1.5rem}.contact{list-style:none;margin:0;padding:0;display:inline-flex;flex-flow:row wrap;width:100%;max-width:960px}.contact li{flex:1 1 100%}.contact li a{color:#ededed;font-size:1.2rem;text-decoration:none;padding:1rem;display:inline-flex;justify-content:center}.contact li a:hover{text-decoration:underline}@media(min-width:720px){.name{font-size:3.8rem}}@media(min-width:960px){.name{font-size:4rem}.contact li{flex:1}.contact li a{padding:.5rem 1rem}}[class^=icon],[class*=" icon"]{display:inline-block;width:1.5rem;height:1.5rem;stroke-width:0;stroke:currentColor;fill:currentColor;margin-right:5px}.name,.contact li a{text-shadow:2px 2px 4px rgba(0,0,0,.5)}