html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

html, body { min-height: 100%; }

@view-transition {
    navigation: auto;
}

body {
    background-color: white;
    font-family: "Roboto", sans-serif;
    line-height: 1.5em;
    font-size: 18px;
    animation: 1s fadeInUp;
}

header.space-logo {
    display: block;
    width: 100%;
    height: 8em;

    background-image: url('img/logo-space-collection.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;    
}

form.scan-form {
    text-align: center;
}

input.scan-form-cta {
    border: 0;
    background-color: #ee1d26;
    font-weight: bold;
    font-size: 2em;
    color: white;
    padding: 1em;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}