/* All */

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background-color: #060202;
  color: aliceblue;
  font-family: 'Courier New', Courier, monospace;
}

/* Nav bar & dropdown */

ul {
  list-style-type: none;
  /* list-style-type removes the bullet points */
  margin: 0;
  padding: 0;
  display: inline-block; 
  /* display: inline-block means the image will display beneath the nav bar */
  position: relative;
  /* position: relative if turned off will pop the dropdown menu into the centre */
}

/* ul li ul.dropdown li {
display: block;
} */

.has-dropdown {
  position: relative;
}

ul li ul.dropdown {
  background-color: #060202;
  position: absolute;
  width: 300%;
  display: none;
  top: 100%;
  left: 0;
  z-index: 999;
}

.has-dropdown:hover ul.dropdown {
  display: block;
}


ul li:hover ul.dropdown {
  display: grid;
  left:0;
}

.navLink li a:hover {
  text-decoration: underline;
  cursor: pointer;
}

li {
  font-size: 1.6rem;
  display: inline-block;
  text-align: left;
  padding: 1rem 3rem 1rem 1rem;
}


.navLink a {
  color:aliceblue; 
  text-decoration: none;
/* text-decoration removes underline*/
}

.webLink {
  color:aliceblue;
}

h1 {
  /* padding-right: 4rem; */
  letter-spacing: .15rem;
  font-size: 2.1rem;
}

.exhibitions {
  display: block;
}

.about {
  font-size: 3em;
}

.art {
  /* background: pink; */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  min-height: calc(100vh - 170px); /* Adjust based on navigation bar height */
  /* max-width: 45ch; */ 
  /* text-align: center; */
  line-height: 1.5;
}

.art img {
  width: 60rem;
  height: 60rem;
  margin: 2rem;
}

.capTitle {
  font-size: 1.4rem;
}

.headings {
  font-size: 2em;
  padding-left: 10rem;
  font-weight: lighter;
  letter-spacing: .10rem;
}