/* Font Imports from the fonts folder */

@font-face {
  font-family: 'Makimango';
  src: url(fonts/MAKIMANG.woff2);
  font-display: swap;
}

@font-face {
  font-family: 'Computer Modern';
  src: url(fonts/computer_modern.woff2);
  font-display: fallback;
}

/* CSS For All Pages */

body {
  margin:0px;
  padding: 0px;
}

h1, h2, h3, h4, header a {
  font-family: 'Makimango';
}

p, li {
  font-family: 'Computer Modern';
}

nav {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-evenly;
}

header img {
  float: left;
  width: 400px;
  margin: 1em 1em 1em 1em;
  border: #EBCA68 solid 2px;
}

header {
  height: 200px;
  background-color: #ebe7d7;
}

header a {
  font-size: 3em;
  color: #605955;
}

body {
  margin: 0px;
  padding: 0px;
}

header {
  width:100%;
}




/* ---------- CSS For Album Pages ----------- */

.albumpage {
    background-color:#153956;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr 1fr;
}

#artwork1, #artwork2 {
    width: 400px;
    grid-column: 1/2;
    margin: 1em 1em 1em 1em;
    border: #EBCA68 solid 2px;
}

#artwork1 {
    grid-row: 1/2;
}
#artwork2 {
    grid-row: 2/3;
}

#trackinfo {
    grid-column: 2/3;
    grid-row: 1/3;
}

#trackinfo h2 {
    font-size: 4em;
    margin: 0 auto;
    color: #EBCA68;
    /* text-shadow: 2px 2px 1px #EBCA68; */
}

#trackinfo ol, #trackinfo ul, #trackinfo p {
    color: #EBE7D7;
    font-size: 25px;
    margin: 0 auto;
}