/* === code == */

html
{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #EEF9FB;

  font-family: "Exo 2", sans-serif;
}

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

body
{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.wrapper
{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

    text-align: center;
}

.wrapper > h2
{
  color: #F69DB8;
  font-weight: bolder;
  text-transform: uppercase;
  margin: 20px 0;
}

.wapper > p
{
  color: #0C2C32;
}
.return-date
{
  color: #EEF9FB;
  font-weight: bold;
  padding: 5px 8px;
  background-color: #FF2163;
  border-radius: 10px;
}
#wrapper-gif
{
  width: 80vw;
  height: auto;
}

@media only screen and (min-width:850px)
{
  #wrapper-gif
  {
    width: 40vw;
    height: auto;
  }
}