Merge pull request #19 from R220V/interview-questions

Interview questions

Author: R220V

css/style.css

@@ -143,7 +143,6 @@ section li::before {
 
 #author-name {
   font-style: italic;
-  /* font-weight: bolder; */
   color: var(--text);
 }
 /* #endregion global elements */
@@ -544,6 +543,7 @@ pre {
   box-shadow: 0 0 5px 2px #000000ff, inset 0 0 18px #5f5f5fff;
   border-radius: 4px;
   transition: ease 350ms;
+  z-index: 6;
 }
 .logo:hover {
   outline: 1px solid rgba(255, 255, 255, 1);
@@ -649,6 +649,12 @@ pre {
     margin-top: 0;
     font-size: 0.9rem;
   }
+
+  .logo {
+    bottom: 48px;
+    left: 0;
+    transform: rotate(270deg);
+  }
 }
 
 /* -------------------------------------------------768- */
@@ -793,6 +799,17 @@ pre {
     margin-top: 0;
     font-size: 1rem;
   }
+  .logo {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translate(-30px, -80px);
+    cursor: pointer;
+    border: 2px solid rgba(190, 190, 190, 1);
+    box-shadow: 0 0 5px 2px #000000ff, inset 0 0 18px #5f5f5fff;
+    border-radius: 4px;
+    transition: ease 350ms;
+  }
 }
 /* -------------------------------------------------1024- */
 @media (min-width: 1024px) {

img/elements.png

@@ -249,7 +249,7 @@ <h3>Коротко про це...</h3>
         </address>
 
         <a href="/">
-          <img class="logo" src="/img/krus-logo-removebg-preview.png" height="80" width="80" />
+          <img class="logo" src="/img/krus-logo.png" height="80" width="80" alt="logo krus" />
         </a>
         <div class="footer-right">
           <p>