@font-face{font-display:swap;font-family:'dosis';font-style:normal;font-weight:400;src:url('../font/dosis.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'oswald';font-style:normal;font-weight:400;src:url('../font/oswald.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'iconfont';font-style:normal;font-weight:400;src:url('../font/iconfont.woff2') format('woff2')}

:root{
  --bg: #ffffff!important;
  --text: #212121!important;
--bg2: #212121!important;
  --text2: #ffffff!important;}

.dark, .modal {
  --bg: #212121!important;
  --text: #ffffff!important;
 --bg2: #ffffff!important;
  --text2: #212121!important;}
nav a, section a{
color: var(--text)!important;	
}

*{box-sizing:border-box;margin:0;padding:0;}
body,html,body:before,html:before{font-family:'dosis';font-size:1.1rem!important;background: var(--bg);color: var(--text);transition: background 0.3s, color 0.3s;font-family:'dosis';scroll-behavior:smooth;}
h1,h2,h3,h4,h5,h6 {font-family:'oswald';}
h5{font-size:1.4rem!important;}
h6{font-size:1.2rem!important;}
nav {
background: var(--bg);
color: var(--text);	
height:48px;
position:fixed;
z-index:1;
}

section{min-height:100vh;display:block;position:relative}
article{width:100%;display:block;position:absolute;top:16px;left:50%;padding:0!important;transform: translate(-50%,64px);}
img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity:.85;
border:2px solid var(--text);
border-radius:6px;
background:#212121;
max-width:400px;
}

ul li {line-height:48px;}
 

@media (max-width: 619px) {
img {width:52%;}
h1,h2,h3,h4,h5,h6 {margin-top:16px!important;}
.link-title{display:none!important;}
nav .title {display:none;}
}
@media (min-width: 620px) {
img {width:100%;}
h1,h2,h3,h4,h5,h6 {margin-top:0!important;}
}

}