diff --git a/index.html b/index.html index 7189f97..5c25090 100644 --- a/index.html +++ b/index.html @@ -6,12 +6,43 @@ Двач но не двач -

Добро пожаловать, снова!

+
+
+ +
+
+ +
+
+ +
+

Пример текста сообщения, текст

@@ -19,12 +50,6 @@
-
-
- - -
-
diff --git a/styles/style.css b/styles/style.css index dbc3565..4cdb656 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1,4 +1,11 @@ +body { + margin: 0; + padding: 0; + width: 100%; + background-color: beige; +} .hello { + border-radius: 4px; width: 700px; background-color: orange; margin-left: auto; @@ -49,7 +56,9 @@ h1 { background-color: blue; } .main-wrapper { - width: 700px; + width: 720px; + padding-left: 10px; + padding-right: 10px; background-color: #afacac; margin-left: auto; margin-right: auto; @@ -66,4 +75,39 @@ h1 { } .ugly:hover { background-color: darkgoldenrod; -} \ No newline at end of file +} + +.catalog { + display: flex; + justify-content: space-between; + padding-left: 10px; + padding-right: 10px; + margin-top: 15px; +} +ul { + list-style: none; + margin: 0; + padding: 0; +} +.section { + width: 200px; + background-color: #cac9c9; + padding: 10px; +} +.link {text-decoration: none; + color: rgb(255, 102, 0); + font-size: 18px; + line-height: 20px; + font-weight: 600; +} +a:hover { + color:rgb(221, 72, 18); +} + +.main_link { + font-size: 28px; + line-height: 32px; + text-decoration: none; + font-weight: 650; + color: rgb(255, 102, 0); +}