body{margin:0;font-family:"Google Sans",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"GRAD" 0;font-size:15px;line-height:1.5}
header.header{background:rgba(255,255,255,.2);border-bottom:1px solid #d3d3d5;position:sticky;top:0;backdrop-filter:blur(10px);box-shadow:0 4px 30px rgba(0,0,0,.1);height:60px;display:flex;justify-content:center;align-items:center;z-index:10}
header .menu{display:flex;gap:30px;list-style:none;align-items:center;justify-content:right}
header .nav>li>a{padding:0;color:inherit}
header .nav>li>a:hover{background:0 0;text-shadow:0 0 10px rgba(0,0,0,.4)}
header .nav>li.active>a{font-weight:700}
footer ul.menu{display:flex;gap:20px;justify-content:right}
footer .menu>li>a{padding:0;color:inherit}
footer .menu>li>a:hover{color:inherit;background:0 0;text-decoration:underline}
footer{background:#071d2b;padding:30px 0 20px 0;color:#cfcfcf;font-size:.9em}
footer hr{border-color:#345970}
main#content{padding:50px 0}
img{max-width:100%}
.page-header,.page-header h1,.page-header h2{margin-top:0}
img#logo{height:35px}
.title-anim{background:radial-gradient(circle at 100%,#47c89b,#8ed56f 50%,#d8e087 75%,#e9b762 75%);background-size:200% auto;background-clip:text;-webkit-text-fill-color:transparent;animation:atg 2s linear infinite;font-weight:700}
@keyframes atg{
to{background-position:200% center}
}