body {
    background: url(https://cdn.igromania.ru/mnt/news/1/8/c/8/6/2/83876/3f604bf38be811cf_1920xH.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}
footer{
    margin-top:auto; 
}

.center {
    width: 100%;
    height: calc(100vh - 162px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.label {
  padding:10px;
  font-size:18px;
  color:#111;
}
.copy-text {
  position:relative;
  padding:10px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  display:flex;
}
.copy-text input.text {
  padding:10px;
  font-size:18px;
  color:#555;
  border:none;
  outline:none;
  width: 600px;
}
.copy-text button {
  padding:10px;
  background:#5784f5;
  color:#fff;
  font-size:18px;
  border:none;
  outline:none;
  border-radius:10px;
  cursor:pointer;
}
.copy-text button:active {
  background:#809ce2;
}
.copy-text button:before {
  content: "Copied";
  position: absolute;
  top: -40px;
  background: #5c81dc;
  padding: 4px 7px;
  border-radius: 20px;
  font-size: 15px;
  display: none;
  left: 300px;
}
.copy-text.active button:before,
.copy-text.active button:after {
  display:block;
}