/*  Reset styles */
@import url("https://fonts.googleapis.com/css?family=Shrikhand&display=swap");
@import url("https://fonts.googleapis.com/css?family=Raleway:300&display=swap");
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  margin: 0;
  font-size: 16px; }

* {
  box-sizing: border-box; }

address, article, aside, blockquote, canvas, dd, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, li, main, nav, noscript, ol, output, p, pre, section, table, tfoot, ul, video {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400; }

a {
  color: inherit; }

img {
  height: auto;
  border: 0; }

cite {
  font-style: normal; }

dl {
  list-style-type: none; }

button, input, meter, optgroup, progress, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none; }

.container {
    height: 100vh;
}

.album-cover {
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.3)), url("background.jpg");
    height: 100%;
    position: relative;
    background-size: cover;
}

h1 {
    text-transform: uppercase;
    color: black;
    position: absolute;
    left: 5%;
    top: 5%;
    font-weight: 500;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 3rem; 
}