diff --git a/source/Header.css b/source/Header.css deleted file mode 100644 index ff9309d..0000000 --- a/source/Header.css +++ /dev/null @@ -1,23 +0,0 @@ -@import url("https://fonts.googleapis.com/css?family=Martian+Mono"); - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: "Martian Mono", monospace; - font-size: 14pt; -} - -.header { - position: fixed; - height: 32px; - width: 100%; - background: var(--main-g-color); - z-index: 999999999999; -} -.header > img { - height: 100%; - margin: auto; - display: block; - padding: 8px 0px 8px 0px; -} \ No newline at end of file diff --git a/source/index.html b/source/index.html index f012631..f549b12 100644 --- a/source/index.html +++ b/source/index.html @@ -3,20 +3,21 @@ - Document + Zaboal - + -
- Логотип «Игровой» -
-
- Единый проход на сервера опен-сорс игр с регулярным тусейшеном и ахуенными плагинами ヾ(⌐■_■)ノ♪ -
- -
-

Зажигин Богдан Алексеевич · ИНН 519056542114

+
+
+ Логотип «Игровой» +
+
+ Единый проход на сервера опен-сорс игр с регулярным тусейшеном и ахуенными плагинами ヾ(⌐■_■)ノ♪ +
+
+

Зажигин Богдан Алексеевич · ИНН 519056542114

+
diff --git a/source/style.css b/source/style.css index f1168a6..6617eca 100644 --- a/source/style.css +++ b/source/style.css @@ -3,50 +3,56 @@ :root { --main-b-color: #04030F; --main-g-color: #04f30f; + --main-width: 1900px; + --main-height: 1000vh; } * { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: "Martian Mono", monospace; - font-size: 14pt; + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Martian Mono", monospace; + font-size: 14pt; } + body { - background: var(--main-b-color); - display: flex; - min-height: 1000vh; - flex-direction: column; + overflow-x: hidden; } -.info { - position: relative; - background: var(--main-g-color); - top: 32px; +body,div.black { + background: var(--main-b-color); + display: flex; + min-height: var(--main-height); width: 100%; - height: 384px; + height: 100%; + flex-direction: column; } -.info::after { - content: ""; - display: block; - width: calc(1930px - 27px); - height: 384px; - position: absolute; - top: 0; +/* Header */ +.header { + position: fixed; + height: 32px; + width: 100%; background: var(--main-g-color); - z-index: -1; + z-index: 999999999999; } - -.info > b > big { - font-size: 64px; - color: rgba(0, 0, 0, 0.25); -} - -.info > b { - padding: 64px; +.header > img { + height: 100%; + margin: auto; display: block; - width: 1594px; + padding: 8px 0px 8px 0px; +} +/* Info */ +.info { + margin-top: 32px; + background: var(--main-g-color); + width: 100%; + min-height: 384px; +} +.info > b { + padding: 64px 0 0 64px; + display: block; + max-width: 1594px; font-size: 64px; line-height: 1.25; letter-spacing: 1px; @@ -54,7 +60,11 @@ body { text-transform: lowercase; overflow-wrap: break-word; } - +.info > b > big { + font-size: 64px; + color: rgba(0, 0, 0, 0.25); +} +/* Footer */ .footer { display: block; height: 32px; @@ -71,15 +81,4 @@ body { padding: 5px 0px 8px 0px; text-decoration: none; text-transform: none; -} - -.footer::before { - content: ""; - display: block; - width: calc(1930px - 27px); - height: 32px; - margin-top: auto; - position: absolute; - background: var(--main-g-color); - z-index: -1; } \ No newline at end of file