@charset "UTF-8";
@font-face {font-family:'CavB';src:url(fonts/CavB.woff2);}
@font-face {font-family:'Play-regular';src:url(fonts/Play-regular.woff2);}
@font-face {font-family: 'comfortaa';font-style: normal;font-weight: 400;src:url(fonts/comfortaa.woff2);}
*{text-decoration: none;margin: 0;padding: 0;}
html,body {
  display: grid;grid-template-columns: 1fr;
 height: 100%;} 
    h1{font-size: 1.3em;text-align: center;}
    h3{text-align: center;line-height:4;}
    @media only screen and (max-width: 599px) {h3{text-align: center;line-height:1;}}
    h4{line-height:1;text-align: center;} 
    b{font-size: 1.1em;}
    .header h1{text-shadow: -2px -1px #000,0 1px 0 #fff;color: #C29700;letter-spacing:0.07em;}
.header h2{color: #fff;font-size:1.1em;letter-spacing:0.05em;text-shadow:2px 2px 2px black;} 
.container{display:grid;
 grid-template-columns: 1fr; 
grid-template-rows: 213px auto;height: 100vh;
font-family:'Play-regular';padding:.2em;}
.menu{display:grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));  grid-gap: 0.5vw; margin:1.3 .5em;}
.menu a,.new a{height:4em;background:url(images/papir.jpg);color:#3b392a;word-wrap:break-word;text-align:center;padding: .3vw;margin:.2em;font-weight:400;line-height:1.1;}
.center,.menu a,#menu a{display: grid;
justify-content: center; text-align: center;
align-items: center;}
.menu a:hover,.new a:hover {background:#223a45fa;color:rgb(255, 255, 255);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;}
.new{align-items: center;text-align: center;padding: 1vh;}
#menu a{background: #c2a2a2;color:#0c0c0c;width: fit-content;padding: .4em;}
 .new h4{margin: 1vh;text-shadow: -2px -1px #000,0 1px 0 rgb(155, 155, 155);color: #ffe175;letter-spacing:0.1em;font-size: 1.2em;}
 .title{color: antiquewhite;}
.gal{
  display: grid;grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); grid-gap:1vw; align-items:center;padding:1em 1em;line-height:1.1;} 
    img{width: 95%;height: auto;} 
    .foot{flex-direction:row;justify-content:center;display:flex;flex-wrap: wrap;font-size:1.1em;background:rgba(0,0,0,0.5);padding:0.2em;bottom: 0;width:99%;color:rgb(255, 254, 254);}
hr{margin:10px auto;width:80%;height:1px;text-align: center;border:0;
background: -webkit-linear-gradient(left, rgba(150,0,0,0) 0%,rgb(125, 3, 3) 50%,rgba(150,0,0,0) 100%);}
.page{display:grid; grid-template-columns: 1fr;grid-template-rows: auto 1fr;
  background:rgb(255, 255, 208);font-size:1.2em; color:#000;padding:.3em;font-weight: 500;}
.content{display:grid;
  grid-template-columns: 1fr; 
 grid-template-rows:1fr 1fr 1fr;height: 100vh;
 background:rgb(240, 240, 196);font-size:1.1em;padding:.6em;}
 .home{position: fixed;z-index: 1; top: 1em;right: .5em;}
  /*.home a{background: #c2a2a288; padding: .5em;}*/
    /*ВИДЕО*/
.video-wrapper{
    width: 560px;color:rgb(5, 5, 5);
    max-width: 100%;margin: 1em auto;text-align: center;
    }
    .video-responsive { 
      position: relative; 
      padding-bottom: 56.25%; 
      height: 0; 
      overflow:hidden; 
    } 
    .video-responsive iframe,.video-responsive object,.video-responsive embed,.video-responsive video {
      position: absolute; top: 0; left: 0;  width: 100%; height: 100%;}
     /*ГАЛЕРЕЯ*/
  .gal{ 
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    grid-gap:1vw;
    align-items: stretch;}
 .figure{padding:.3vw .3vw;}
    /*МЕРЦАНИЕ*/#area{font-weight:900;color:#2f0505;letter-spacing:2px;animation: blur 2s ease-out infinite;}
@keyframes blur {from {text-shadow:0px 0px 2px #FFF,0px 0px 2px #FFF, 
  0px 0px 4px #FFF,0px 0px 2px #FFF, 0px 0px 2px #FFF,
 0px 0px 4px #FFF,0px 0px 2px #FFF,0px 0px 2px #FFF,
  0px 0px 4px #FFF,0px 0px 2px #FFF,0px -3px 15px #FFF}}