body{
  margin: 0;
  padding: 15px;
  background-color: white;
  font-family: "Inter", sans-serif;
  cursor:crosshair;
}


h1, p{
  font-style: normal;
  font-weight: 325;
  font-size:22px;
  margin:0;
}

h1{
  margin-bottom:45px;
}

h2{
  font-size:16px;
  color:grey;
  margin-bottom:5px;
  font-weight: 325;
}

.small{
  font-size:16px;
}

a{
  color:inherit;
  cursor:crosshair;
}

a:hover{
  color:grey;

}

#introtext{
  width:50vw;
}

#contact{
  text-decoration: none;
}

#contact:hover{
  color:grey
}
.slider-container {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 1000;
  cursor:crosshair;
}

.slider-container img {
  max-width: 50vw;
  max-height: 60vh;
  height: auto;
  width: auto;
  display: block;
  border: solid 1px black;
}

.slider-caption {
  position: absolute;
  mix-blend-mode: difference;
  color: white;
  padding: 5px 10px;
  font-size: 10px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}

::selection {
  background-color: #FFFACD;
  color: black;
}

::-moz-selection {
  background-color: #FFFACD;
  color: black;
}

@media (max-width: 768px) {
  #introtext{
    width:inherit;
  }

  .slider-container {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 100px;
    display: flex;
    justify-content: center;
  }

  .slider-container img {
    max-width: 90vw;
    max-height: 60vh;
  }
}