:root {
    --accent-color: #9cad73;
    --background-color: #1b1b1d;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(/gallery/assets/Raleway-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(/gallery/assets/Raleway-Bold.ttf) format('truetype');
}

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

html, body {
    background-color: #313131;
    font-family: 'Raleway', sans-serif;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    color: white;
    font: sans-serif;
    font-size: 1.0em;
}

a {
    color: white;
}

div.image {
    background-size: cover;
    background-position: center;
}

div.dyn-tint, div.dyn-tint-inverse, div.tint, div.reveal {
    transition: background 0.1s;
}

div.dyn-tint, div.tint, div.dyn-tint-inverse {
    background-blend-mode: multiply;
}

div.dyn-tint, div.tint {
    background-color: rgba(0, 0, 0, 0.5);
}

div.dyn-tint-inverse {
    background-color: rgba(0, 0, 0, 0);
}

div.dyn-tint:hover {
    background-color: rgba(0, 0, 0, 0);
}

div.dyn-tint-inverse:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

div.reveal {
    background-blend-mode: screen;
    background-color: rgba(255, 255, 255, 0);
}

div.reveal:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

div.reveal > div {
    transition: opacity 0.1s;
    color: black;
    opacity: 0;
}

div.reveal:hover > div {
    opacity: 1;
}

div.accent {
    color: black;
}

div.link {
    transition: background 0.1s;
}

div.link:hover {
    background-color: #0b0b0b;
}


div.title h3 {
    text-shadow: 0 0 10px black;
}

div.title.flag {
    padding-left: 3px;
    padding-right: 3px;
}

div#footer {
    height: 2em;
    clear: both;
}

.triangle.noclip {
    position: relative;
    background: none;
    clip-path: none;
    -webkit-clip-path: none;
    overflow: visible;
    z-index: 3;
    pointer-events: none;
}