@charset "utf-8";


/* Font Import */

@font-face {
font-family: "LinLibertine_M";
src: url("LinLibertine_M.otf") format("opentype");
}


/* Presettings */

* {
margin: 0;
padding: 0;
color: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: 126%;
text-decoration: none;
box-sizing: border-box;
cursor: inherit;
user-select: none;
}

@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

html {
background-color: white;
color: black;
font-family: "LinLibertine_M", monospace;
font-size: 1.4748677248677249vw;
animation: fade_in 0.3s ease-in-out 0.1s both;
cursor: default;
}

html,
body {
height: auto;
min-height: 100%;
width: 100%;
}


/* Basic Styles */

img,
video {
display: flex;
width: 100%;
}

a {
cursor: pointer;
}


/* Main Content */

.header {
display: flex;
padding: 0.3139013452914798rem 0.6278026905829596rem;
}

.header div:nth-child(2) {
margin-left: auto;
cursor: pointer;
}

.gallery_area {
margin-top: 0.6278026905829596rem;
padding: 0.3139013452914798rem;
}

.gallery_item_sizer,
.gallery_item {
width: calc(100% / 4);
padding: 0.3139013452914798rem;
}

.gallery_item img,
.gallery_item video {
cursor: pointer;
}

.gallery_item_title_content {
display: none;
}

#footer {
padding: 0.9417040358744394rem 0.6278026905829596rem calc(3.452914798206278rem + 1px) 0.6278026905829596rem;
text-align: center;
}

#gallery_item_title {
bottom: 0;
left: 0;
position: fixed;
z-index: 1;
display: none;
width: 100%;
border-top: 1px solid black;
padding: 0.3139013452914798rem 0.6278026905829596rem;
background-color: white;
text-align: center;
pointer-events: none;
}


/* Information Overlay */

#information_overlay {
left: 0;
position: fixed;
top: 0;
display: none;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(0.6278026905829596rem);
backdrop-filter: blur(0.6278026905829596rem);
overflow-y: auto;
}

#text_area {
display: grid;
margin-bottom: 0.9417040358744394rem;
margin-top: 0.3139013452914798rem;
padding: 0.6278026905829596rem;
white-space: pre-wrap;
grid-column-gap: 0.6278026905829596rem;
grid-template-columns: repeat(2, 1fr);
}

#text_area div:nth-child(odd) {
grid-column-end: 2;
grid-column-start: 1;
}

#text_area div:nth-child(even) {
grid-column-end: 3;
grid-column-start: 2;
}


/* Media Item Overlay */

#media_item_overlay {
left: 0;
position: fixed;
top: 0;
display: none;
height: 100%;
width: 100%;
cursor: pointer;
}

#media_item_overlay .media_item_overlay_media_container {
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
overflow: hidden;
}

#media_item_overlay .media_item_overlay_media_container img,
#media_item_overlay .media_item_overlay_media_container video {
max-height: 100%;
max-width: 100%;
padding: 0.6278026905829596rem;
object-fit: contain;
}


/* Window Size A Start */

@media screen and (max-width: 1000px) {


/* Presettings */

html {
font-size: 2.3vw;
}


/* Main Content */

.gallery_item_sizer,
.gallery_item {
width: calc(100% / 3);
}


/* Information Overlay */

#text_area div:nth-child(odd) {
grid-column-end: 3;
grid-column-start: 1;
}

#text_area div:nth-child(even) {
grid-column-end: 3;
grid-column-start: 1;
}


/* Window Size A End */

}


/* Window Size B Start */

@media screen and (max-width: 700px) {


/* Presettings */

html {
font-size: 3.4vw;
}


/* Main Content */

.gallery_item_sizer,
.gallery_item {
width: calc(100% / 2);
}


/* Window Size B End */

}


/* Window Size C Start */

@media screen and (max-width: 495px) {


/* Presettings */

* {
-webkit-hyphenate-limit-after: 3;
-webkit-hyphenate-limit-before: 3;
-webkit-hyphenate-limit-lines: 2;
hyphens: auto;
}

html {
font-size: 5.15vw;
}


/* Window Size C End */

}