body, html {
   background-image: url("backgrounds/93529b95e86e4c468fa7db61cd57ecb8.png");
   background-size:cover;
   overflow-x:scroll;
   
   background-color:black;
   
   
}

* {font-family: Connectionserif;
   color:antiquewhite;
   
}

@font-face {
   font-family: 'Connectionserif';
   src: url('ConnectionSerif-d20X.otf');

}

.container {
    width:100%;
    height: 100%;
    overflow-x: scroll;
    overflow: hidden;
}

::-webkit-scrollbar {
    display: none;
}

.content {
    border-color:#E5B054;
    border-width:0.5vw;
    border-style:double;
   
}

#bigc {
    width:86vw;
    left:7vw;
    height:40vw;
    top:2vw;
    background-image: url("backgrounds/IMG_0397.png");
    background-size: cover;
    background-color:black;
    position:absolute;
    overflow-y: scroll;
    clear: both;
}

#links {
    position:absolute;
    border-color:#E5B054;
    border-width: 0.1vw;
    width:100%;
    height:100%;
    top:10vw;
}

.link {
    padding:0vw;
    margin:1vw;
    text-align: center;
    font-size: 2vw;
    
}

.link:hover,
.link:focus{
  font-size:2.5vw;
  filter:brightness(2);
}

.picture {
    position:relative;
    height:33vw;
    margin-top:2vw;
}

figcaption {
    font-size:0.7vw;
}

figure {
    margin-right:3vw;
    position:relative;
}