Normalizace CSS

To aby se v tom prase vyznalo. Bude třeba to celý překopat, protože
mi z toho krvácí oči.

weby/it/css/main.css

@@ -4,40 +4,26 @@
 
 }
 
-body {
+* { box-sizing: border-box }
-    font-family: 'Titillium Web', sans-serif;
-}
-
-
-/*plynulý posun při kliknutí na kotvu*/
-   html {
-    scroll-behavior: smooth;
-}
 
+html { scroll-behavior: smooth }
+body { font-family: 'Titillium Web', sans-serif }
 
 .menu{
-
 	text-align: center;
 	font-family: myFirstFont;
 	font-size: 50px;
-    
-   
 }
-
 .menu a {
 	 color:inherit;
 	 text-decoration: none;
-   
-    
 }
 
 
-.logo {display: none;
+.logo { display: none }
-       }
 
 ul.leaf {
 	list-style-image: url('../img/troj-modry-maly.png');
-
 }
 
 .menu-1, .logo, .logo-mob, .menu-2 {
@@ -45,23 +31,27 @@ list-style-image: url('../img/troj-modry-maly.png');
 	width: 90%
 }
 .logo-mob img{
-
 	 width: 90%;
-
 }
+
 #header {
 	text-align: center;
-    margin: 10 0 10 0 ;
 	/*   border-bottom: 6px solid grey;
 	 border-bottom-style:inset;*/
 }
 
- hr.header{ height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);  width: 100%;
+hr.header{
-  margin-left: -0%; }
+	height: 12px;
+	border: 0;
+	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
+	width: 100%;
+}
 
 hr.footer{
-  border: 0; height: 0; /* Firefox... */ box-shadow: 0 0 10px 1px black;
+	 border: 0;
-  
+	 height: 0;
+	 box-shadow: 0 0 10px 1px black;
+	 margin: 3em 0;
 }
 hr.footer:after { /* Not really supposed to work, but does */ content: "\00a0"; /* Prevent margin collapse */ }
 
@@ -69,16 +59,8 @@ list-style-image: url('../img/troj-modry-maly.png');
 	text-align: center;
 	font-size: 13px;
 	line-height: 1;
-
-}
-
-* {
-    box-sizing: border-box;
 }
 
-/* Create two equal columns that floats next to each other */
-
-
 /* Clear floats after the columns */
 
 .row:after {
@@ -88,9 +70,6 @@ list-style-image: url('../img/troj-modry-maly.png');
 
 }
 
-
-
-
 .column {
 	width: 100%;
 	/*height: 300px;  Should be removed. Only for demonstration */
@@ -134,7 +113,6 @@ display: block;
 
 p {
 	text-align: justify;
-
 }
 
 .troj {
@@ -152,18 +130,19 @@ content: "TODO";
 	color: red;
 }
 
+
+/* RESPONSIVITY */
+
 @media screen and (max-width: 999px){
-.desktop-block {display: none;
+	.desktop-block {
+		display: none;
 	}
 }
 @media screen and (min-width: 1000px) {
-
 	.container{
 		  margin: 0 auto;
 		  width: 80%;
 		  max-width: 1000px;
-   
-   
 	}
 	.menu-1, .menu-2 {
 		border-width: 0px;
@@ -176,15 +155,11 @@ color: red;
 		width: 30%;
 		display: inline-block;
 	}
-    
-    
 	.menu{
-
 		text-align: center;
 		font-family: myFirstFont;
 		font-size: 20px;
 	}
-  
 	.menu:hover a{
 		font-weight:bold;
 	}
@@ -192,7 +167,6 @@ color: red;
 		height: 105px;
 	}
 
-
 	/*offset kotvy*/
 	:target:before {
 		content: "";
@@ -209,17 +183,13 @@ color: red;
 		/*margin-left: -21%;*/
 		margin-top: -10px;
 		z-index: 100;
-
 	}
 
 	.logo img{
-    
 		width: 300px;
 		margin-bottom: -15px;
 	}
 
-    
-    
 	.logo-mob {display: none;}
 
 	.menu-1 {border-color: red}
@@ -230,11 +200,6 @@ color: red;
 	.column {
 		float: left;
 		width: 50%;
-
-    
-
-    /*height: 300px;  Should be removed. Only for demonstration */
-    
 	}
 
 
@@ -251,7 +216,6 @@ color: red;
 
 	.title {
 		display: block;
-    
 		text-align: right;
 		font-weight: 700;
 		text-transform:uppercase;
@@ -275,12 +239,5 @@ display: block;
 	}
 
 
-.mobile-block {display: none;
+	.mobile-block { display: none }
 }
-
-
-}
-
-
-
-