Micro style tweaks

src/App.vue

@@ -1,9 +1,9 @@
 <template>
     <div id="app" style="min-height: 100vh;">
         <div id="nav">
-            <span class="tiny-logo">
+            <router-link to="/" class="tiny-logo">
                 <img class="tiny-logo" src="@/assets/flag.png" v-bind:style='{ "transform": tinyOffset }'>
-            </span>
+            </router-link>
             <span id="links" v-on:click="handleScroll">
                 <router-link to="/" exact>Главная</router-link>
                 <router-link to="/goods">Ассортимент</router-link>

src/views/Contact.vue

@@ -50,16 +50,6 @@ h2 {
     color: #3a3a3a;
 }
 
-img {
-    width: 40%;
-    height: auto;
-    margin: 30px;
-    border: rgb(253, 253, 253) solid;
-    border-radius: 100%;
-    border-width: 8px;
-    filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.4));
-}
-
 @media screen and (max-width: 1024px) {
     .main {
         padding-left: 10vw;

src/views/Goods.vue

@@ -164,7 +164,7 @@ export default {
     border: rgb(253, 253, 253) solid;
     border-radius: 100%;
     border-width: 0.35vw;
-    filter: drop-shadow(0.35vw 0.35vw 0.35vw rgba(0, 0, 0, 0.4));
+    box-shadow: 0.35vw 0.35vw 0.35vw rgba(0, 0, 0, 0.4);
 }
 
 h2 {

src/views/Home.vue

@@ -210,6 +210,8 @@ h4 {
     width: 600px;
     height: 600px;
     border: darkgray solid 1px;
+    border-radius: 12px;
+    overflow: hidden;
 }
 
 #napkin {

src/views/Order.vue

@@ -36,7 +36,7 @@ img {
     border: rgb(253, 253, 253) solid;
     border-radius: 100%;
     border-width: 8px;
-    filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.4));
+    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.4);
 }
 
 .text {