@charset "windows-1251";
@import url(style_cs.1785519563.css);

@import url('https://fonts.googleapis.com/css2?family=Festive&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=check');


:root {
--htmlFon: url("https://forumstatic.ru/files/001c/c2/88/52055.jpg");
--fbodyFon: #ffffffc7;
--fbodyBorder: 2px solid #ffffff;
--fbodyShadow: 3px 4px 6px #4c1b1b;
--borderRadius: 10px;
}


/*COLOR*/

html {background: var(--htmlFon) no-repeat center center / cover fixed;
    background-size: cover;
}
body {font-size: 14px;}
.main {background: var(--fbodyFon);
    border: var(--fbodyBorder);
    box-shadow: var(--fbodyShadow);
    border-radius: var(--borderRadius);
}
#pun-navlinks, #pun-ulinks, #pun-crumbs2 {background: var(--fbodyFon);}


/*ÑÁÐÎÑ*/
* {margin: 0;}
a {text-decoration: none;  color: #740303;}
ul {list-style-type: none;}

/*ÏÅÐÅÁÈÂÊÀ*/
#pun ul {padding-inline-start: 0;}
.divider {display: none;}

/*ÒÅËÎ ÔÎÐÓÌÀ*/
.main {margin: 0 auto; width: 80%; padding: 10px;}
.punbb {margin-top: 4rem; margin-bottom: 1.5rem;}

/*LOGOTYPE*/
.title-logo {font-family: "Festive"; font-size: 4rem; color: #ffffffad; position: fixed; z-index: -1; right: 30vw; top: 3rem; text-shadow: 3px 3px 8px #bd1de56e;}



/*MENU*/
#pun-navlinks, #pun-ulinks {position: fixed; width: 100%; }
#pun-navlinks h2, #pun-ulinks h2 {display: none;}
#pun-navlinks ul, #pun-ulinks ul {list-style-type: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
ul.container {width: 100%;}
ul.container li {margin: 0 0.5rem;}
#pun-navlinks {top:0; font-family: "Tektur"; font-size: 1.5rem; height: 2rem; font-variant: all-small-caps;}
#pun-ulinks {top: 2rem; font-size: 0.9rem; text-transform: lowercase;}
#pun-navlinks li.isactive a {color: #000;}


/*ÍÈÆÍßß ÏÎËÎÑÊÀ*/
#pun-crumbs2 {height: 1.5rem; width: 100%; position: fixed; bottom: 0; display: flex; justify-content: center;}
#pun-crumbs2 p {align-self: center;}

/*ÄÅÊÎÐ ÏÎËÎÑÊÈ*/
#pun-break1 {width: 100%;
    position: fixed;
    top: 2rem;
    display: flex;
    justify-content: center;
    z-index: 100;
}
#pun-break1 hr {width: 70%;} 

/*ÊÎÏÈÐÀÉÒÛ ÏËÀÒÔÎÐÌÛ*/
#pun-about a {
    color: #fff;
    position: fixed;
    bottom: 1.5rem;
    right: 2rem;
    font-weight: 600;
    font-family: "Viaoda Libre";
    text-shadow: 1px 1px 1px #000;
    z-index: 100;
}