body,a,p,h1,h2,h3,h5{padding: 0; margin: 0} body{ background-color: #000; /*Цвет фона всей страницы*/ color:#eee; /*Цвет текста всей страницы*/ } .geist-mono-all{ font-family: "Geist Mono", monospace; font-optical-sizing: auto; font-weight: 100; font-style: normal; } h1{ font-family: "Geist mono"; font-weight: 700; font-size: 40px; } h2{ font-family: "Geist mono"; font-weight: 700; font-size: 25px; } p, a, ul, li{ font-family: "Geist mono"; font-weight: 200; } /*КНОПКИ НА ГЛАВНОЙ СТРАНИЦЕ*/ .nav_butt_1:link, .nav_butt_1:visited { box-sizing: content-box; border: solid #eee 1px; /*Цвет рамки кнопки*/ color: #eee; /*Цвет текста кнопки*/ text-align: center; text-decoration: none; display: inline-block; width: 120px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; } .nav_butt_1:hover, .nav_butt_1:active { background-color: #eee;/*цвет кнопки при наведении*/ color: #000; /*цвет текста кнопки при наведении*/ } /*КНОПКИ НА СТРАНИЦАХ С БОКОВЫМ НАВИГАТОРОМ*/ .nav_butt_2:link, .nav_butt_2:visited { box-sizing: content-box; border: solid #eee 1px; /*Цвет рамки кнопки*/ color: #eee; /*Цвет текста кнопки*/ text-align: center; text-decoration: none; display: inline-block; font-size: 12px; width: 120px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; } .nav_butt_2:hover, .nav_butt_2:active { background-color: #eee;/*цвет кнопки при наведении*/ color: #000; /*цвет текста кнопки при наведении*/ } /*КНОПКИ КОНТЕНТА*/ .content_butt:link, .content_butt:visited { font-weight: 500; color: #989898; /*Цвет текста кнопки*/ text-align: center; text-decoration: underline; display: inline-block; } .content_butt:hover, .content_butt:active { background-color: #eee;/*цвет кнопки при наведении*/ color: #000; /*цвет текста кнопки при наведении*/ } /*СТИЛИ ГЛАВНОЙ СТРАНИЦЫ*/ .main_container{ max-width: 800px; max-height: 100vh; text-align: center; margin-left: auto; margin-right: auto; padding-top: 200px; } .head{ } .logo{ max-width: 80px; padding-bottom: 30px; } .links{ padding-top: 100px; justify-content: space-between; display: flex; } /*СТИЛИ ВТОРИЧНЫХ СТРАНИЦ*/ .page_container{ max-height: 100vh; text-align: center; margin-left: auto; margin-right: auto; } .nav_box{ height: 100vh; border-right: solid 1px #eee; width: 20%; position: fixed; padding-top: 10vh; } .content_wrap{ text-align: left; width: 80%; float: right; display: block; position: relative; } .navigation{ padding-top: 50px; width: 130px; margin:0 auto; } .content_box{ margin: 50px; } .logo_home, .logo_home:link, .logo_home:visited, .logo_home:hover, .logo_home:active { border: none; background-color: transparent; } /*новости и посты*/ .post_box{ width: 90%; padding-bottom: 10px; border: solid 1px #eee; }