@charset "utf-8";


/* Font Import */

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


/* Presettings */

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

@keyframes fade_in {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

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

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


/* Basic Styles */

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

a {
cursor: pointer
}


/* Header */

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

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


/* Gallery */

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

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

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

.gallery_item_title_content {
display: none
}


/* Footer */

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


/* Gallery Item Title */

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


/* Information Overlay */

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

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

#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 {
cursor: pointer;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%
}

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

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


/* Window Size A Start */

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


/* Presettings */

html {
font-size: 2vw
}


/* Gallery */

.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.6vw
}


/* Gallery */

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


/* Window Size B End */

}


/* Window Size C Start */

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


/* Presettings */

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

html {
font-size: 5.15vw;
}


/* Window Size C End */

}