up style

templates/styles_src/style_general.scss

@@ -57,21 +57,46 @@ body {
 }
 
 /*  Improve media defaults */
+.content{
 
-img,
-picture,
-video,
-canvas,
-svg {
-  display: block; 
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  max-width: 100%;
+    img,
+    picture,
+    video,
+    canvas,
+    svg {
+      display: block;
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+      max-width: 100%;
+      width: 100%;
+    }
 }
 pre, .sourceCode{
   overflow:auto;
 }
-/* Inherit fonts for form controls */
+
+// ancres
+a {
+  display: inline-block;
+
+  border-radius: 1rem;
+  color: rgb(0, 123, 255);
+  text-decoration: none;
+
+  main &:hover {
+    background: #303030;
+    color: #dedede;
+  }
+
+
+  .nav &,
+  .page__index &{
+      padding: 0.55rem 2rem;
+      display:block;
+      margin-right: 1rem;
+      margin-bottom: 1rem;
+      }
+}
 
 input,
 button,
@@ -79,20 +104,8 @@ textarea,
 select {
   font: inherit;
 }
-
-/* Avoid text overflows */
-
-p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  overflow-wrap: break-word;
-}
-
 p {
+    overflow-wrap: break-word;
   text-wrap: pretty;
   margin-top: 1.5rem;
   margin-bottom: 1rem;
@@ -117,6 +130,7 @@ h3,
 h4,
 h5,
 h6 {
+      overflow-wrap: break-word;
   text-wrap: balance;
   line-height: 1.3em;
 }
@@ -174,6 +188,18 @@ li {
   margin: 1rem;
 }
 
+
+#page{
+    background: #CCC;
+    }
+
+.body-wrap{
+    background: #FFF;
+    padding: 5% 6%;
+    margin-bottom: 5%;
+    margin-top:1rem;
+    }
+
 .content {
   min-height: 50rem;
 }
@@ -183,22 +209,6 @@ li {
   padding: 2rem;
 }
 
-// ancres
-a {
-  display: inline-block;
-  padding: 0.55rem 2rem;
-  margin-right: 1rem;
-  margin-bottom: 1rem; 
-  border-radius: 1rem;
-  color: rgb(0, 123, 255);
-  text-decoration: none;
-
-  main &:hover {
-    background: #303030;
-    color: #dedede;
-  }
-}
-
 
 @media (max-width: 75ch) {
   body{