html {
    box-sizing: border-box;
    font-size: 62.5%;
}


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

body {

background-image: linear-gradient(90deg, rgba(42, 123, 155, .8), rgba(237, 221, 83, .8)),
url('./16868109675594.jpg');
background-size: cover;
background-position: center;
background-repeat: repeat;
height: 100vh;
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
}

.wrapper {
  width: 400px;
  text-align: center;
  height: 200px;
  
  font-size: 2rem;
}
h1 {
    font-size: 60px;
}