body, html {
  height: 100%;
  }

body {background:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dff62dca-7f55-4098-ae45-57034374d2e0/dfdf71y-8da78e7b-06d2-43b5-a1da-88f4fa3ee1cf.png/v1/fill/w_1280,h_854,q_80,strp/red_emo_wallpaper_by_zeffdakilla_dfdf71y-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODU0IiwicGF0aCI6Ii9mL2RmZjYyZGNhLTdmNTUtNDA5OC1hZTQ1LTU3MDM0Mzc0ZDJlMC9kZmRmNzF5LThkYTc4ZTdiLTA2ZDItNDNiNS1hMWRhLTg4ZjRmYTNlZTFjZi5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.3LZf7v7kgf2x_fb246-yW6KUlIOxPoUlc96FkEjSOhQ"); height: 100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
#wrap {  width: 80%;
  margin: auto;
  background: #fff;
  overflow: hidden;
  padding: 15px;
  }
  
.h1 {
  background-image: linear-gradient(to left, #blue 70%, yellow 30%);-webkit-background-clip: text; color: transparent; center;
}