@charset "utf-8";
@font-face {
  font-family: 'Krub';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local('Roboto Regular'),
       url('fonts/krub-light.woff2') format('woff2'),
       url('fonts/krub-light.woff') format('woff'),
       url('fonts/krub-light.ttf') format('truetype');
}
html {padding: 0; margin: 0; font: normal normal 16px/24px 'Krub', sans-serif; box-sizing: border-box;}
body {min-height: 100vh; width: 100%; overflow-scrolling: touch; position: relative;}
@media all and (min-width: 70rem) {
  html {font-size: 18px; line-height: 28px;}
}
*, *::before, *::after, input::placeholder {margin: 0; padding: 0; box-sizing: inherit; font: inherit; color: inherit;}

main {position: fixed; top: 50%; left: 50%; width: 100%; max-width: 30rem; transform: translate(-50%, -50%); text-align: center; padding: 2rem;}

img {width: 100%; max-width: 20rem; margin-bottom: 4rem;}
h1 {font-size: 3rem; line-height: 5rem; margin-bottom: 1rem;}