.date {
    margin: min(2vh, 2vw);
    color: rgb(158, 158, 212);
}

.caption {
    margin: 0;
    display:flex;
    justify-content: center;
    align-items: center;
    color: rgb(158, 158, 212);
}

.rabbit-text {
    margin: 0 min(2vh, 2vw);
    color: rgb(158, 158, 212);
}

#image-collage {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

#image-collage img {
    margin: min(1vw, 1vh) min(5vw, 5vh);
    /*border: 1px solid black;*/
    border-bottom: 2px double rgb(158, 158, 212);
}

/* GENERAL STYLING APPLIED IN MAIN WEBSITE*/
body {
  /*margin: 10px;
  min-height: 90vh;*/
  background-color: rgb(231, 231, 252);
}

a {
  text-decoration: none;
  color: #ffffff; /*#ededfa;/* rgb(158, 158, 212);*/
}

h2 {
  font-size: min(3vh, 3vw);
  font-weight: 500;
}

h3 {
  font-size: min(2.5vh, 2.5vw);
  font-weight: 400;
}

h4 {
  font-size: min(2vh, 2vw);
  font-weight: 500;
}

p {
  font-size: min(2.5vh, 2.5vw);
  font-weight: 400;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* FIXING HEADER AND ALLOWING CENTER OF ELEMENTS */
#bar {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  z-index: 100;
  display: grid;
  margin: 0;
  justify-content: center;
  /*border: 1px solid black;*/
  margin-bottom: min(2vh, 2vw); 
  background-color: rgb(189, 190, 229);
}

.heading {
  margin: 0;
  font-family: "Amatic Sc", cursive;
  font-weight: 900;
  font-size: min(8vh, 8vw);
  /* border: 1px solid black; */
  width:auto;
  justify-self: center;
}

#subheading {
  margin: 0;
  display: flex;
  /* justify-content: space-evenly; */
  /* border: 1px solid black; */
  width:auto;
}

.sub-link {
  margin: 0;
  width: 8vw;
  /* border: 1px solid black;   */
  font-family: "Amatic Sc", cursive;
  font-weight: 700;
  font-size: min(3.5vh, 3.5vw);
  text-align: center;
}

#rabbit-hole {
  width: auto;
  /*border: 1px solid black;*/
  margin: min(2vh, 2vw);
  position: relative;
  padding-bottom: min(3vh, 3vw);
}

.rabbit {
  margin: min(5vh, 5vw) 0 min(2vh, 2vw) 0;
  color: rgb(158, 158, 212);
  font-size: min(4vh, 4vw);
  /*border: 1px solid black;  */
}

#scrollable-image {
  /*border: 1px solid black;*/
  margin: 0 auto;
  display: flex;
  background-color: rgb(231, 231, 252);
}

.isometric-view {
  height: 100%;
  width: auto;
  /*border: 1px solid black;*/
}

footer {
  width: 100%;
  display: grid;
  margin: 0;
  justify-content: center;
  /*border: 1px solid black;*/
  background-color: rgb(189, 190, 229);
  color: white;
}

.ending {
  margin: 0;
  font-family: "Amatic Sc", cursive;
  font-weight: 700;
  font-size: min(6vh, 6vw);
  /*border: 1px solid black;*/
  width:100%;
}

/*STYLE*/
.title {
    font-family: "Sour Gummy", sans-serif;
    font-weight: 800;
    size: min(3vw, 3vh);
}

.subtitle {
    font-family:"Space Grotesk", sans-serif;
    margin: 0;
}

/* FONTS */
.montserrat-normal {
  font-family: "Montserrat", sans-serif;
  /*font-size: min(3vh, 3vw);*/
  font-optical-sizing: auto;
  /*font-weight: 500;*/
  font-style: normal;
}

.montserrat-italic {
  font-family: "Montserrat", sans-serif;
  /*font-size: min(2.5vh, 2.5vw);*/
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}