*,:after,:before{
  box-sizing:border-box
}

:root{
  font-size:16px
  }

body{
  --color-text:#606778;
  --color-text-alt:#000;
  --color-bg:#fff;
  --color-link:#606778;
  --color-link-hover:#0a0104;
  --color-link-alt:#E1C16E;
  /* -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale; */
  background-color:var(--color-bg);
  color:var(--color-text);
  font-family:'Hatton-Light',quasimoda,sans-serif;
  display: block;
  margin: 0;
}

.js .loading:after,.js .loading:before{
  content:"";
  position:fixed;
  z-index:1000
}

.js .loading:before{
  background:var(--color-bg);
  height:100%;
  left:0;top:0;
  width:100%
}

.js .loading:after{
  animation:loaderAnim .7s linear infinite alternate forwards;
  background:var(--color-link);
  border-radius:50%;
  height:60px;
  left:50%;
  margin:-30px 0 0 -30px;
  opacity:.4;
  top:50%;
  width:60px
}

@keyframes loaderAnim{
  to{opacity:1;transform:scale3d(.5,.5,1)}
}

a{
  color:var(--color-link);
  text-decoration:none
}

a,a:hover{
  outline:none
}

a:hover{
  color:var(--color-link-hover)
}

a:focus{
  background:#d3d3d3;
  outline:none
}

a:focus:not(:focus-visible){
  background:transparent
}

a:focus-visible{
  background:transparent;outline:2px solid red
}

hr {
    margin-block-start: 0.25em;
    margin-block-end: 1em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border: 1px solid;
    width: 30vw;
    border-color:var(--color-text);
    opacity: 0.5;
}

.content{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
  justify-items:center;
  margin:0vh auto 0vh;
  max-width:1200px;
  text-align:center
}

.content__title{
  font-size:3.75em;
  grid-column:1/span 3;
  line-height:.65;
  margin:15vh 0 5vh;
  width:100%;
  color:var(--color-link-alt);
}

.content__title-first{
  display:block;
  font-family:'Hatton-UltraLight',forma-djr-deck,sans-serif;
}

.content__title-first::before {
  content: "— ";
  font-family: 'Hatton-UltraLight',tenez,sans-serif;
}

.content__title-first::after {
  content: " —";
  font-family: 'Hatton-UltraLight',tenez,sans-serif;
}

.content__title-second{
  grid-column:1/span 3;
  width:100%;
  margin-top: 3rem;
  display: block;
  font-family: 'Hatton-Light',tenez,sans-serif;
  font-size: 17px;
  line-height: 1.5;
  color:var(--color-text);
}

.content__title-third{
  margin-top: -2rem;
  margin-bottom: -5rem;
  display: block;
  font-family:'Hatton-Light',tenez,sans-serif;
  font-size: 17px;
  line-height: 1.5;
  color:var(--color-text);
  text-decoration: underline;
}

.image{
  cursor:pointer;
  display:grid;
  /* margin:0 1vw; */
  /* max-width:30vw; */
  overflow:hidden;
  position:relative;
  margin:0vh auto 5vh;
}

.bigimage-press {
  height:65vh;
  width:1600px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1rem;
  margin-right: 1rem;
  background-position:50% 50%;
  cursor: default;
}

@media screen and (min-width:0em) and (max-width:53em){
  .content__title{
    font-size:24px;
    margin:5vh 0 5vh;
  }

  .content__title-second{
    margin-top:1.5rem;
  }
}