Website itself

upload first steps

style.css

@@ -0,0 +1,143 @@
+body,a,p,h1,h2,h3,h5{padding: 0; margin: 0}
+body{
+	background-color: #000; /*Цвет фона всей страницы*/ 
+	color:#fff; /*Цвет текста всей страницы*/ 
+}
+.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 #fff 1px; /*Цвет рамки кнопки*/ 
+	color: #fff; /*Цвет текста кнопки*/ 
+	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: #fff;/*цвет кнопки при наведении*/ 
+  color: #000; /*цвет текста кнопки при наведении*/ 
+}
+
+/*КНОПКИ НА СТРАНИЦАХ С БОКОВЫМ НАВИГАТОРОМ*/
+.nav_butt_2:link, .nav_butt_2:visited {
+	box-sizing: content-box;
+	border: solid #fff 1px; /*Цвет рамки кнопки*/ 
+	color: #fff; /*Цвет текста кнопки*/ 
+	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: #fff;/*цвет кнопки при наведении*/ 
+  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: #fff;/*цвет кнопки при наведении*/ 
+  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 #fff;
+	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;
+}
+
+
+
+
+