.container{width:100%;padding-left:10px;padding-right:10px;background-color:#fff;height:100%}:root{--banner-height:0px}#__next,body,html{height:100%}body{overflow-x:hidden}html{overscroll-behavior-y:contain}html:not([data-mounted]) *{transition:none!important}@font-face{font-family:Roboto;src:url(/fonts/Roboto.ttf);format:("ttf");font-display:swap}.main{width:100%;min-height:60vh;height:100vh;background:#fff}.footer,.main{flex:1 1;display:flex;justify-content:center;align-items:center}.footer{border-top:1px solid #eaeaea;background:#000}.footer a{display:flex;justify-content:center;align-items:center;flex-grow:1;background-color:#000;padding-bottom:0}.title a{color:#0070f3;text-decoration:none}.title a:active,.title a:focus,.title a:hover{text-decoration:underline}.title{margin:0;line-height:1.15;font-size:4rem}.description,.title{text-align:center}.description{margin:4rem 0;line-height:1.5;font-size:1.5rem}.code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:1000px}.card{margin:1rem;padding:1.5rem;text-align:left;color:inherit;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;transition:color .15s ease,border-color .15s ease;max-width:300px}.card:active,.card:focus,.card:hover{color:#0070f3;border-color:#0070f3}.card h2{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}.logo{height:1em;margin-left:.5rem;padding-right:20px}@media (max-width:1200px){.grid{width:100%;flex-direction:column}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}.faster-animation{animation:gif-animation 1s steps(10) infinite}@keyframes gif-animation{0%{background-position:0 0}to{background-position:-1000px 0}}@keyframes flip{0%{transform:perspective(800px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(800px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(800px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(800px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(800px);animation-timing-function:ease-in}}