@font-face {
  font-family: 'Roboto';
  src: url("font/Roboto/Roboto-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'RobotoLight';
  src: url("font/Roboto/Roboto-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Luckiest_Guy';
  src: url("font/Luckiest_Guy/LuckiestGuy-Regular.ttf") format("truetype"); }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

@media screen and (max-width: 600px) {
  .grid-container {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 20px; }

  .grid-item {
    text-align: center; } }
@media screen and (min-width: 601px) {
  .grid-container {
    display: grid;
    grid-template-columns: 65% 35%;
    align-items: stretch;
    justify-items: stretch; }

  .grid-item {
    text-align: center;
    justify-content: center;
    align-items: center;
    align-self: center; } }

/*# sourceMappingURL=style.css.map */