body {background-color:#000000; background-image:url(background_2.jpg); background-repeat:no-repeat; background-size:cover;
background-attachment:fixed; font-family:Garamond,Serif; color:#FFFFF0; margin:0 3%}
img {max-width:100%; max-height:100%}
h1 {font-size:2.5vmin}
h2 {font-size:2.2vmin}
h3 {font-size:1.9vmin}
h4 {font-size:1.6vmin}
h5 {font-size:1.3vmin}
h6 {font-size:1.0vmin}
ul {margin:0; padding:0; list-style:none}
a {text-decoration:none; color:#F5DEB3; border-radius:3px; transition: 0.7s}
a:visited {color:#D2B48C}
a:hover {color:#000000; background:#F5DEB3; border-radius:3px; opacity:0.8; transition: 0.7s}
a:active {color:#000000; background:#FFFFF0; opacity:0.9; transition: 0s}
.header {text-align:center}
.header_t {display:inline-block; width:27%; text-align:center; vertical-align:middle}
.header_l {display:inline-block; width:36%; height:7vmax; vertical-align:middle}
.header_e {display:inline-block; width:27%; text-align:center; vertical-align:middle}
.backbutton {opacity:0.2; transition: 0.7s}
.backbutton:hover {opacity:1; transition: 0.7s}
#upbutton {background:url("up.png") no-repeat top left; bottom:15%; right:3%; cursor:pointer; display:none; position:fixed; opacity:0.2; transition: 0.7s}
#upbutton:hover {opacity:1; transition: 0.7s}
.head {position:sticky; top:0; text-align:center; padding:1vh 0 0.5vh; background:#000000; z-index: 999999; opacity:1; transition:0.8s}
.scrolled .head {opacity:0}
.scrolled .head:hover {opacity:1; transition: opacity 0.8s}
.bottom {position:sticky; bottom:0; text-align:center; padding:0.5vh 0; background:#000000; z-index: 999999; opacity:0; transition:0.8s}
.scrolled .bottom {opacity:0}
.bottom:hover {opacity:1; transition: opacity 0.8s}
.scrolled-bottom .bottom {opacity:1}
.side {position:sticky; top:20vh; float:right; text-align:right; background:none}
.pic_block {position:relative; float:left; margin-left:1vw; width:28vw; height:36vw; overflow:hidden}
.pic_slider {position:absolute; border-radius:5px; animation:round 25s infinite; opacity:0}
.pic_item {position:absolute; border-radius:5px}
@keyframes round{20%{opacity:1} 30%{opacity:0}}
img:nth-child(1){animation-delay:0s}
img:nth-child(2){animation-delay:5s}
img:nth-child(3){animation-delay:10s}
img:nth-child(4){animation-delay:15s}
img:nth-child(5){animation-delay:20s}
.section_menu {position:relative; margin-left:30vw; width:25vw}
.section_item {position:relative; margin-left:30vw; width:40vw}
.menu a {display:block; text-align:right; padding:2% 98% 2% 2%; transition:0.3s}
.menu a:hover {padding:2% 2% 2% 2%; transition:0.8s}
.menu a:active {background:#F5DEB3; padding:2% 2% 2% 2%}
.menu_1 {position:relative}
.menu_1:hover .menu_2s {visibility:visible; left:108%; top:-20%; opacity:1; transition:0.8s}
.menu_2s {position:absolute; visibility:hidden; width:18vw; background:#000000; border-radius:5px; padding:0 4%; left:101%; top:50%; opacity:0; transition:0.3s}
.menu_2s a {text-align:left; padding:0}
.menu_2s a:hover {padding:2% 0}
.menu_2s a:active {background:#FFFFF0; padding:2% 0}
.column {-webkit-columns:2; -moz-columns:2; columns:2; margin:0 2vw 0 0}
[id] {scroll-margin-top:15.5vh}