diff --git a/style.css b/style.css index 2f7e82a..33ca4fe 100644 --- a/style.css +++ b/style.css @@ -13,7 +13,6 @@ html { font-weight: 100; font-style: normal; } - h1{ font-family: "Geist mono"; font-weight: 700; @@ -71,8 +70,8 @@ p, a, ul, li{ background-color: #eee;/*цвет кнопки при наведении*/ color: #000; /*цвет текста кнопки при наведении*/ } -/*КНОПКИ КОНТЕНТА*/ +/*КНОПКИ КОНТЕНТА*/ .content_butt:link, .content_butt:visited { font-weight: 500; color: #989898; /*Цвет текста кнопки*/ @@ -90,12 +89,8 @@ p, a, ul, li{ max-width: 800px; max-height: 100vh; text-align: center; - margin-left: auto; - margin-right: auto; + margin: 0 auto; padding-top: 200px; -} -.head{ - } .logo{ max-width: 80px; @@ -107,17 +102,12 @@ p, a, ul, li{ display: flex; } - - - /*СТИЛИ ВТОРИЧНЫХ СТРАНИЦ*/ .page_container{ - max-height: 100vh; text-align: center; margin-left: auto; margin-right: auto; - } .nav_box{ height: 100vh; @@ -138,7 +128,6 @@ p, a, ul, li{ width: 130px; margin:0 auto; } - .content_box{ margin: 40px; } @@ -155,7 +144,7 @@ p, a, ul, li{ width: 300px; } -/*новости и посты*/ +/*НОВОСТИ И ПОСТЫ*/ .post_box{ width: 100%; padding: 10px; @@ -181,13 +170,10 @@ p, a, ul, li{ .readmore{ } - - /* BURGER and MOBILE */ .burger-toggle { display: none; } - .burger { display: none; cursor: pointer; @@ -203,7 +189,7 @@ p, a, ul, li{ background-color: #eee; margin: 5px 0; } - +/*Для девайсов с шириной до 768пиксов*/ @media (max-width: 768px) { html { font-size: 85%; @@ -251,7 +237,6 @@ p, a, ul, li{ margin: 0; width: 40px; } - .nav_box { width: 100%; border-right: none; @@ -285,7 +270,7 @@ p, a, ul, li{ /*Анимаця*/ .burger-toggle:checked + .burger .line:nth-child(1) { - transform: translateY(8px) rotate(45deg); /* Первая линия становится диагональной */ + transform: translateY(8px) rotate(45deg); } .burger-toggle:checked + .burger .line:nth-child(2) { @@ -293,7 +278,7 @@ p, a, ul, li{ } .burger-toggle:checked + .burger .line:nth-child(3) { - transform: translateY(-8px) rotate(-45deg); /* Третья линия становится диагональной */ + transform: translateY(-8px) rotate(-45deg); } .burger-toggle:checked ~ .navigation { display: flex;