*, *::before, *::after {
  box-sizing: border-box;
}
 
* {
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

#root, #__next {
  isolation: isolate;
}

.wrapper
{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
  align-items: stretch;
  justify-content: center;
}

.wrapper .col
{
  display: grid;
  justify-content: center;
  align-content: center;
  padding: 5%;
  text-align: center;
}

.wrapper .description
{
  background: linear-gradient(180deg, #EB8D2D 1.22%, #F5EB3C 100%);
  color: #ffffff;
}

.wrapper .description h1
{
  font-family: 'Fredoka One',Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 70px;
  line-height: 75px;

  text-transform: uppercase;
}

@media (max-width: 768px){
  .wrapper
  {
    grid-template-columns: repeat(1, 1fr);
  }

  .wrapper .col
  {
    padding: 8%;
  }

  .logo
  {
    max-width: 270px;
  }

  .wrapper .description h1
  {
    font-size: 60px;
  }
}