html{font:var(--font-base);font-size:14px}h1{font:var(--font-bold);font-size:2rem}h2{font:var(--font-bold);font-size:1.8rem}h3{font:var(--font-bold);font-size:1.4rem}h4{font:var(--font-bold);font-size:1rem}body{background-image:var(--img-wallpaper-light);background-size:375px 300px;background-position:50% 0;padding-top:5rem}header{position:fixed;top:0;left:0;width:100%;height:4rem;border-bottom:3px double rgba(127,127,127,0.8);background:rgba(0,0,0,0.5);backdrop-filter:saturate(180%) blur(20px);z-index:1000}header nav{display:block;width:4rem;height:4rem;cursor:pointer;position:absolute;right:0;top:0;background:#fff}header nav h2{display:block;width:100%;height:100%;position:absolute;top:0;right:0;transition:.25s all}header nav h2:hover{transform:scale(1.2)}header nav h2 img{margin:10% auto;width:80%;height:80%}header nav h2 img.open{display:none}header nav.open{cursor:default}header nav.open ul{left:calc(100% - 18.5rem);padding-left:1rem}header nav.open ul:hover{transform:translateX(0)}header nav.open h2{cursor:pointer}header nav.open h2 img.close{display:none}header nav.open h2 img.open{display:block}header nav ul{overflow:auto;position:fixed;top:3.5rem;left:calc(100% - 1.5rem);padding:1rem;width:max-content;height:calc(100vh - 7rem);height:calc(100dvh - 7rem);background:rgba(0,0,0,0.6);border-radius:0.7em;border:2px solid #fff;transition:.5s all;padding-left:2rem}header nav ul:hover{transform:translateX(-1rem)}header nav ul li{display:block;list-style:none;width:16rem;min-height:1.4em;line-height:1.4em;text-align:center;color:#fff;margin:0.7rem auto}header nav ul li a{color:#fff;text-decoration:none;display:block;width:100%;height:100%}header nav ul li a:hover{text-decoration:underline}header nav ul li.header{background:rgba(0,0,0,0.6);border-radius:0.7em;padding-left:0.5rem;text-align:left}header nav ul li.search form input{border:none;background:none;color:#fff;border-bottom:1px solid #fff;width:calc(100% - 5rem);line-height:2em;padding:0 0.25em;appearance:none;border-radius:0}header nav ul li.search form input::placeholder{color:#dedede;padding:0}header nav ul li.search form input:focus{outline:none;border:none;background:rgba(255,255,255,0.6);color:#000}header nav ul li.search form button{background:rgba(255,255,255,0.8);border-radius:3px;border:none;padding:0;margin:0;height:1.4rem;width:1.4rem;cursor:pointer;vertical-align:middle}header nav ul li.search form button:hover{opacity:0.8}header nav ul li.search form button:active{opacity:0.6}header nav ul li.search form button img{width:100%;height:100%}header nav ul li.calendar{height:max-content}header nav ul li.calendar h3{font-size:1rem}header nav ul li.calendar .week0{color:red}header nav ul li.calendar .week6{color:royalblue}header nav ul li.calendar table{border:1px solid #fff;border-radius:3px;margin:0 auto}header nav ul li.calendar table th{width:calc(100% / 7)}header nav ul li.calendar table td,header nav ul li.calendar table th{text-align:center}header nav ul li.calendar table thead th{border-bottom:1px solid #fff}header nav ul li.article{text-align:left;padding-left:1rem}header .site_title{display:inline-block;height:4rem;width:14.2rem;background-image:var(--img-logo-light);background-size:95%;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(255,255,255,0.85);opacity:1;transition:0.25s opacity}header .site_title:hover{opacity:0.8}main{width:calc(100% - 2rem);min-height:calc(100vh - 8rem);margin-left:1rem;background:rgba(255,255,255,0.95);border-radius:0.25rem;padding:1rem}main .article_header_img{width:100%}main .article_header_img img{width:200%;max-width:200%;margin-left:-50%}main .search form input{border:none;background:none;vertical-align:top;color:#121212;border-bottom:1px solid #121212;line-height:2em;padding:0 0.25em;appearance:none;border-radius:0}main .search form input::placeholder{color:#666}main .search form input:focus{outline:none;border:none;background:rgba(0,0,0,0.6);color:#fff}main .search form button{background:none;border:none;padding:0;margin:0;height:1.4rem;width:1.4rem;cursor:pointer;vertical-align:middle}main .search form button:hover{opacity:0.8}main .search form button:active{opacity:0.6}main .search form button img{width:100%;height:100%}main .main_advertisement{padding:1rem;width:100%;text-align:center}footer{position:fixed;bottom:0;height:2rem;width:100%;text-align:center;background:rgba(0,0,0,0.5);color:#fff;line-height:2rem}footer address{font-style:normal;white-space:nowrap;font-size:0.8rem}footer nav{display:block;position:absolute;top:0;right:0;height:100%;width:fit-content;background:rgba(255,255,255,0.6);padding:0.1rem;z-index:1000}footer nav a{height:100%;display:inline-flex;opacity:1;transition:0.25s opacity}footer nav a:hover{opacity:0.4}@media screen and (min-width: 960px){body{background-image:var(--img-wallpaper);background-size:750px 600px}header .site_title{background-image:var(--img-logo)}main .article_header_img img{width:100%;max-width:100%;margin-left:0}}