body {
    font-family: arial;
    font-size: 14px;
    padding: 20px;
}

#header {
    
    margin-bottom: 40px;
}

#headerr {
  color: green;
}

.mobile-dropdown {
    font-size: 20px;
}

#image-zoom-div {
    position: fixed;
    top: 5%;
    right: 5%;
    width: 90%;
    height: 90%;
}

#zoomed-image {
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

img {
    max-width: 100%;
}

.portrait {
  width: 400px;
  vertical-align: text-top;
  padding-bottom: 3px;
}

.smallsmall {
  width: 100px;
  vertical-align: text-top;
  padding-bottom: 3px;
}

p {
  line-height: 5px;
}

.caption {
  line-height: 15px;
}

/* Dropdown titles */
.unclicked-title {
    color: blue;
    text-decoration: underline;
}

.clicked-title {
    color: red;
    text-decoration: underline;
}

.dropdown {
    cursor: default;
}


/* Dropdown arrows */
.arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.loaded .project-contents {display: block;}
.project-contents {
    display: none;
}