html {
  height: 100vh;
}

body {
  box-sizing: border-box;
  margin: 0;
  min-height: 100vh;
  background-image: repeating-linear-gradient(
    45deg,
    white,
    white 5px,
    #ea000e 5px,
    #ea000e 25px,
    white 25px,
    white 30px,
    #0083ff 30px,
    #0083ff 50px
  );
}

#white {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: white;
  margin: 0 10px;
  padding: 10px;
  text-align: center;
}

#centering {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

#label {
  position: fixed;
  right: 2em;
  bottom: 1em;
}

#label img {
  height: 60px;
  width: 60px;
}

#input {
  display: none;
}

#url {
  display: none;
}

#copy-link {
  text-align: right;
}

#copy-image {
  position: relative;
  top: 6px;
  height: 30px;
  width: 30px;
}

.spacer {
  height: 12em;
}

#send-another {
  margin-bottom: 1em;
  height: 60px;
  width: 60px;
  position: fixed;
  right: 2em;
  bottom: 1em;
}

.card {
  margin: 6px;
  padding: 6px;
  border: 1px solid white;
  border-radius: 5px;
  box-shadow: 5px 5px 5px 5px #d5d5d5;
  text-align: left;
}

.progress {
  display: inline-block;
  height: 4px;
  border-radius: 2px;
  background-color: #1b96ef;
  color: white;
}

.cancel {
  text-align: right;
}

#preferences {
  text-align: left;
}

#hamburger {
  position: fixed;
  right: 2em;
  top: 1em;
}

#top-banner {
  position: fixed;
  top: 1em;
  left: 2em;
}

#options {
  text-align: left;
}
