mirror of
https://github.com/grey-cat-1908/website.git
synced 2024-11-11 18:57:26 +03:00
103 lines
1.6 KiB
CSS
103 lines
1.6 KiB
CSS
:root {
|
||
--font: 'Onest', sans-serif;
|
||
--bg-color: #15171f;
|
||
--font-color: #dadada;
|
||
--nav-font-color: white;
|
||
--font-size: 1.2rem;
|
||
}
|
||
|
||
@font-face {
|
||
src: url("./fonts/Onest-Bold.ttf");
|
||
font-family: "Onest";
|
||
font-weight: 600;
|
||
}
|
||
|
||
@font-face {
|
||
src: url("./fonts/Onest-Medium.ttf");
|
||
font-family: "Onest";
|
||
font-weight: 400;
|
||
}
|
||
|
||
@font-face {
|
||
src: url("./fonts/Onest-Regular.ttf");
|
||
font-family: "Onest";
|
||
font-weight: 200;
|
||
}
|
||
|
||
|
||
body {
|
||
margin: 1rem auto;
|
||
background-color: var(--bg-color);
|
||
font-family: var(--font);
|
||
color: var(--font-color);
|
||
font-size: var(--font-size);
|
||
font-weight: 200;
|
||
line-height: 1.8;
|
||
max-width: 64rem;
|
||
padding: 0 1rem;
|
||
max-width: 80%;
|
||
}
|
||
|
||
nav * {
|
||
margin-right: 1rem;
|
||
color: var(--nav-font-color);
|
||
}
|
||
|
||
img {
|
||
max-inline-size: 80%;
|
||
block-size: auto;
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.mc {
|
||
overflow-x: auto;
|
||
text-align: justify;
|
||
}
|
||
/* РАЗМЕТКА */
|
||
.mc h1, .mc h2, .mc h3, .mc h4, .mc h5 {
|
||
color: #fff;
|
||
}
|
||
|
||
.mc a {
|
||
color: #fff;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.mc a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.mc code {
|
||
color: #fff;
|
||
background-color: #0d0e13;
|
||
border-radius: 0.1rem;
|
||
}
|
||
|
||
.mc pre {
|
||
background-color: #0d0e13;
|
||
}
|
||
|
||
.mc table {
|
||
display: block;
|
||
overflow-x: auto;
|
||
width: 100%;
|
||
flex-direction: column;
|
||
text-align: center;
|
||
border-collapse: collapse;
|
||
white-space: nowrap;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.mc table * {
|
||
|
||
}
|
||
|
||
.mc table td, table th {
|
||
padding: 15px;
|
||
border-bottom: 1px solid #d6d6d6;
|
||
}
|
||
|
||
|
||
img[alt=play_button_exp] { width: 120px; }
|