refactor: class name change and script rename

package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "dev": "vue-cli-service serve",
     "build": "vue-cli-service build"
   },
   "dependencies": {

src/views/Home.vue

 <template>
-
   <div>
-
-    <div class="blocologo">
-
+    <div class="logo">
       <img
         class="img-responsive img-logo"
         alt="Vue logo"
@@ -11,23 +8,16 @@
       />
 
       <h2 class="title">NTFlix - Lorem Ipsum</h2>
-
     </div>
 
-    <div class="filmes">
-
+    <div class="films">
       <AnimeList />
-
     </div>
 
-    <div class="planos">
-
+    <div class="plans">
       <Plans />
-
     </div>
-
   </div>
-
 </template>
 
 <script>
@@ -44,24 +34,23 @@ export default {
 </script>
 
 <style>
-.blocologo {
+.logo {
   height: 70%;
   text-align: center;
-  margin: 25px 0;
+  margin: 40px 0;
 }
 
 .title {
-  padding: 25px 0;
+  padding: 30px 0;
 }
 
-.filmes {
+.films {
   display: flex;
   justify-content: center;
   background-color: #1f283b;
 }
 
-.planos {
+.plans {
   margin-bottom: 35px;
 }
 </style>
-