diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index 4b6444e..0000000
--- a/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) Marina Aísa
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
\ No newline at end of file
diff --git a/assets/css/base/Premier Sans.otf b/assets/css/base/Premier Sans.otf
new file mode 100644
index 0000000..49456bc
Binary files /dev/null and b/assets/css/base/Premier Sans.otf differ
diff --git a/assets/css/base/Premier-Sans.ttf b/assets/css/base/Premier-Sans.ttf
new file mode 100644
index 0000000..803b30b
Binary files /dev/null and b/assets/css/base/Premier-Sans.ttf differ
diff --git a/assets/css/base/_fonts.scss b/assets/css/base/_fonts.scss
index d5945e3..0c73fb0 100644
--- a/assets/css/base/_fonts.scss
+++ b/assets/css/base/_fonts.scss
@@ -1,73 +1,97 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500;1,600&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
-
-$font-base-color:             $grey-2;
-$font-family-base:            'Poppins', Arial, sans-serif;
-$font-family-blog:            'Montserrat', sans-serif;
-$line-height-base:            1.5;
-$fs-base:                     1.6rem;
-$fs-base-responsive:          1.4rem;
-$fs-large:                    2.4rem;
-$fs-large-responsive:         2.6rem;
-$fs-small:                    $fs-base-responsive;
-$fs-small-responsive:         1rem;
-$fs-h1:                       $fs-large;
-$fs-h2:                       $fs-large;
-$fs-h3:                       2rem;
-$fs-h4:                       $fs-base;
-$fs-h5:                       $fs-base;
-$fs-h6:                       $fs-small;
+
+@font-face {
+  font-family: 'Premier Sans', Arial, Helvetica, sans-serif;
+  src: url('./Premier-Sans.ttf');
+}
+
+$font-base-color: $grey-2;
+$font-family-base: 'Premier Sans',
+Arial,
+Helvetica,
+sans-serif;
+$font-family-blog: 'Premier Sans',
+Arial,
+Helvetica,
+sans-serif;
+$line-height-base: 1.5;
+$fs-base: 1.6rem;
+$fs-base-responsive: 1.4rem;
+$fs-large: 2.4rem;
+$fs-large-responsive: 2.6rem;
+$fs-small: $fs-base-responsive;
+$fs-small-responsive: 1rem;
+$fs-h1: $fs-large;
+$fs-h2: $fs-large;
+$fs-h3: 2rem;
+$fs-h4: $fs-base;
+$fs-h5: $fs-base;
+$fs-h6: $fs-small;
 
 
 html {
-  font-size: 62.5%; /* Now 10px = 1rem! */
+  font-size: 62.5%;
+  /* Now 10px = 1rem! */
   -webkit-font-smoothing: antialiased;
-  font-family: 'Poppins', sans-serif;
+  font-family: $font-family-base;
 }
 
 body {
-  font-family: 'Poppins', sans-serif;
+  font-family: $font-family-base !important;
   font-size: $fs-base-responsive;
   color: $font-base-color;
   line-height: $line-height-base;
-  @media (min-width: $screen-sm){
+
+  @media (min-width: $screen-sm) {
     font-size: $fs-base;
   }
 }
 
-@mixin content-blocks{
-  & + p, & + ul, & + ol, & + blockquote, & + .content-block{
-   @content;
+@mixin content-blocks {
+
+  &+p,
+  &+ul,
+  &+ol,
+  &+blockquote,
+  &+.content-block {
+    @content;
   }
 }
 
-p,ul,ol,blockquote,.content-block{
+p,
+ul,
+ol,
+blockquote,
+.content-block {
   margin-top: 0;
   margin-bottom: 2.4rem;
-  @include content-blocks{
+
+  @include content-blocks {
     margin-top: 1em;
   }
 
 }
 
 .title {
+  font-family: $font-family-base;
+  ;
   margin: 7.2rem 0 4.8rem 0;
   text-align: center;
-	font-weight: 600;
-  @media (min-width: $screen-sm){
+  font-weight: 600;
+
+  @media (min-width: $screen-sm) {
     margin: 7rem 0 5rem 0;
   }
 }
 
-ul{
+ul {
   padding-left: 1.1em;
 }
 
-li{
+li {
   margin-bottom: 2em;
 
-  @media (min-width: $screen-sm){
+  @media (min-width: $screen-sm) {
     margin-bottom: 0;
   }
 }
@@ -83,44 +107,50 @@ blockquote {
   max-width: 600px
 }
 
-h1,.h1{
+h1,
+.h1 {
   font-size: $fs-large-responsive;
   margin-top: 0;
   font-weight: 500;
   margin-bottom: 1rem;
-  @media (min-width: $screen-sm){
+
+  @media (min-width: $screen-sm) {
     font-size: $fs-h1;
   }
 }
 
-h2,.h2{
+h2,
+.h2 {
   font-size: $fs-h2;
   color: $secondary;
   font-weight: 600;
   margin-top: 0;
   margin-bottom: 1rem;
   display: inline-block;
-  
-  @media (min-width: $screen-sm){
+
+  @media (min-width: $screen-sm) {
     padding-bottom: 48px;
   }
 }
 
-h3,.h3{
+h3,
+.h3 {
   font-size: $fs-h3;
   margin-top: 0;
   margin-bottom: 1rem;
   font-weight: regular;
 }
 
-h4,.h4{
+h4,
+.h4 {
   font-size: $fs-h4;
   margin-top: 0;
   margin-bottom: 1rem;
   font-weight: regular;
 }
 
-h5,.h5{
+h5,
+.h5 {
   font-size: $fs-h5;
   margin-top: 0;
   margin-bottom: 1rem;
@@ -128,21 +158,46 @@ h5,.h5{
 }
 
 //extend sizes
-.s1{font-size: $fs-h1;}
-.s2{font-size: $fs-h2;}
-.s3{font-size: $fs-h3;}
-.s4{font-size: $fs-h4;}
-.s5{font-size: $fs-h5;}
-.s5{font-size: $fs-h6;}
-.large{font-size: $fs-large;}
-.small{font-size: $fs-small;}
-
-hgroup{
-
-  h1,.s1{
+.s1 {
+  font-size: $fs-h1;
+}
+
+.s2 {
+  font-size: $fs-h2;
+}
+
+.s3 {
+  font-size: $fs-h3;
+}
+
+.s4 {
+  font-size: $fs-h4;
+}
+
+.s5 {
+  font-size: $fs-h5;
+}
+
+.s5 {
+  font-size: $fs-h6;
+}
+
+.large {
+  font-size: $fs-large;
+}
+
+.small {
+  font-size: $fs-small;
+}
+
+hgroup {
+
+  h1,
+  .s1 {
     margin-bottom: .2em;
-    + *{
+
+    +* {
       font-weight: normal;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/assets/css/base/_general.scss b/assets/css/base/_general.scss
index b4848a2..fc518c8 100644
--- a/assets/css/base/_general.scss
+++ b/assets/css/base/_general.scss
@@ -1,32 +1,36 @@
-* { box-sizing: border-box; }
+* {
+  box-sizing: border-box;
+}
 
 
-html{
+html {
   height: 100%;
   scroll-behavior: smooth;
-  font-family: 'Poppins', Arial, sans-serif !important;
+  font-family: 'Poppins',
+    sans-serif !important;
   font-weight: 400 !important;
 }
 
 body {
-  transition: transform .3s cubic-bezier(.55,0,.1,1),background-color .3s cubic-bezier(.55,0,.1,1),box-shadow .6s cubic-bezier(.55,0,.1,1);
+  transition: transform .3s cubic-bezier(.55, 0, .1, 1), background-color .3s cubic-bezier(.55, 0, .1, 1), box-shadow .6s cubic-bezier(.55, 0, .1, 1);
   overflow-x: hidden;
   transition: transform .5s ease-out;
   background-color: rgb(22, 22, 29);
   color: rgb(231, 231, 232);
-  @media (min-width: $grid-breakpoint){
+
+  @media (min-width: $grid-breakpoint) {
     padding-left: 0;
     padding-right: 0;
   }
 
-  &.open-menu{
-    @media (max-width: $grid-breakpoint - 1){
+  &.open-menu {
+    @media (max-width: $grid-breakpoint - 1) {
       transform: translateX($nav-responsive-width);
     }
   }
 }
 
-#__nuxt{
+#__nuxt {
   scroll-behavior: smooth;
 }
 
@@ -34,6 +38,7 @@ body {
 .slide-fade-leave-active {
   transition: all .4s ease;
 }
+
 .slide-fade-enter,
 .slide-fade-leave-to {
   transform: translateX(50px);
@@ -41,20 +46,32 @@ body {
 }
 
 @keyframes fadeinmove {
-  from { opacity: 0; transform: translateX(+20%);  }
-  to   { opacity: 1; transform: translateX(0%); }
+  from {
+    opacity: 0;
+    transform: translateX(+20%);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0%);
+  }
 }
 
 @keyframes fadein {
-  from { opacity: 0; }
-  to   { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
 }
 
 .text-negative {
   color: $text-negative;
 }
 
-.wrapper{
+.wrapper {
   position: relative;
   padding-left: 0;
   top: $header-height-breakpoint;
@@ -62,41 +79,44 @@ body {
   -webkit-overflow-scrolling: touch;
   overflow-y: auto;
 
-  @media (min-width: $grid-breakpoint){
+  @media (min-width: $grid-breakpoint) {
     height: auto;
     top: initial;
   }
 }
 
-::selection { 
+::selection {
   background: $primary;
   color: white;
 }
 
-.fa{
+.fa {
   text-decoration: none;
   display: inline-block;
+
   &:hover,
   &.active,
-  &:focus{
+  &:focus {
     outline: 0;
     text-decoration: none;
   }
 }
 
-img{
+img {
   max-width: 100%;
   height: auto;
 }
 
-.shape{
+.shape {
   width: 100%;
   max-height: 100%;
 }
+
 .disabled {
   cursor: not-allowed;
 }
 
-li, ul {
+li,
+ul {
   list-style-type: none;
-}
+}
\ No newline at end of file
diff --git a/assets/css/base/_grid.scss b/assets/css/base/_grid.scss
index 9ca94e6..66da697 100644
--- a/assets/css/base/_grid.scss
+++ b/assets/css/base/_grid.scss
@@ -1,37 +1,41 @@
 //grid bootstrap based
-$grid-gutter-width:   $gutter;
-$grid-columns:        12;
-
-$breakpoints:         'xxs','xs','sm','md','lg';
-$screen-xs:           375px;
-$screen-sm:           768px;
-$screen-md:           992px;
-$screen-lg:           1140px;
-$screen-xlg:          1900px;
-
-$container-xs:        460px;
-$container-sm:        768px;
-$container-md:        990px;
-$container-lg:        1000px;
-
-$screens: "xxs" false,
-          "xs" $screen-xs,
-          "sm" $screen-sm,
-          "md" $screen-md,
-          "lg" $screen-lg;
-
-$grid-breakpoint:     $screen-md;
+$grid-gutter-width: $gutter;
+$grid-columns: 12;
+
+$breakpoints: 'xxs',
+'xs',
+'sm',
+'md',
+'lg';
+$screen-xs: 375px;
+$screen-sm: 768px;
+$screen-md: 992px;
+$screen-lg: 1140px;
+$screen-xlg: 1900px;
+
+$container-xs: 460px;
+$container-sm: 768px;
+$container-md: 990px;
+$container-lg: 1000px;
+
+$screens: "xxs"false,
+"xs"$screen-xs,
+"sm"$screen-sm,
+"md"$screen-md,
+"lg"$screen-lg;
+
+$grid-breakpoint: $screen-md;
 
 @mixin container-fixed($gutter: $grid-gutter-width) {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
-  padding-left:  $gutter;
+  padding-left: $gutter;
   padding-right: $gutter;
 }
 
 @mixin make-row($gutter: $grid-gutter-width) {
-  margin-left:  ($gutter / -2);
+  margin-left: ($gutter / -2);
   margin-right: ($gutter / -2);
 }
 
@@ -40,22 +44,23 @@ $grid-breakpoint:     $screen-md;
   float: left;
   width: percentage(($columns / $grid-columns));
   min-height: 1px;
-  padding-left:  ($gutter / 2);
+  padding-left: ($gutter / 2);
   padding-right: ($gutter / 2);
 }
 
-@mixin make-clear($columns, $clean: 0 ){
-  &:nth-child(#{$columns}n + 1){
+@mixin make-clear($columns, $clean: 0) {
+  &:nth-child(#{$columns}n + 1) {
     clear: both;
   }
-  @if $clean != 0{
+
+  @if $clean !=0 {
     &:nth-child(#{$clean}n + 1) {
       clear: none;
     }
   }
 }
 
-@mixin make-xs-clear($columns, $clean: 0){
+@mixin make-xs-clear($columns, $clean: 0) {
   @include make-clear($columns, $clean);
 }
 
@@ -78,7 +83,7 @@ $grid-breakpoint:     $screen-md;
 @mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
   position: relative;
   min-height: 1px;
-  padding-left:  ($gutter / 2);
+  padding-left: ($gutter / 2);
   padding-right: ($gutter / 2);
 
   @media (min-width: $screen-xs) {
@@ -88,7 +93,7 @@ $grid-breakpoint:     $screen-md;
   }
 }
 
-@mixin make-xs-clear($columns, $clean: 0){
+@mixin make-xs-clear($columns, $clean: 0) {
   @media (min-width: $screen-xs) {
     @include make-clear($columns, $clean);
   }
@@ -115,7 +120,7 @@ $grid-breakpoint:     $screen-md;
 @mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
   position: relative;
   min-height: 1px;
-  padding-left:  ($gutter / 2);
+  padding-left: ($gutter / 2);
   padding-right: ($gutter / 2);
 
   @media (min-width: $screen-sm) {
@@ -125,7 +130,7 @@ $grid-breakpoint:     $screen-md;
   }
 }
 
-@mixin make-sm-clear($columns, $clean: 0){
+@mixin make-sm-clear($columns, $clean: 0) {
   @media (min-width: $screen-sm) {
     @include make-clear($columns, $clean);
   }
@@ -152,7 +157,7 @@ $grid-breakpoint:     $screen-md;
 @mixin make-md-column($columns, $gutter: $grid-gutter-width) {
   position: relative;
   min-height: 1px;
-  padding-left:  ($gutter / 2);
+  padding-left: ($gutter / 2);
   padding-right: ($gutter / 2);
 
   @media (min-width: $screen-md) {
@@ -162,7 +167,7 @@ $grid-breakpoint:     $screen-md;
   }
 }
 
-@mixin make-md-clear($columns, $clean: 0){
+@mixin make-md-clear($columns, $clean: 0) {
   @media (min-width: $screen-md) {
     @include make-clear($columns, $clean);
   }
@@ -189,7 +194,7 @@ $grid-breakpoint:     $screen-md;
 @mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
   position: relative;
   min-height: 1px;
-  padding-left:  ($gutter / 2);
+  padding-left: ($gutter / 2);
   padding-right: ($gutter / 2);
 
   @media (min-width: $screen-lg) {
@@ -199,7 +204,7 @@ $grid-breakpoint:     $screen-md;
   }
 }
 
-@mixin make-lg-clear($columns, $clean: 0){
+@mixin make-lg-clear($columns, $clean: 0) {
   @media (min-width: $screen-lg) {
     @include make-clear($columns, $clean);
   }
@@ -224,18 +229,18 @@ $grid-breakpoint:     $screen-md;
 }
 
 @mixin make-grid-columns {
-  %make-grid-column{
+  %make-grid-column {
     position: relative;
     // Prevent columns from collapsing when empty
     min-height: 1px;
     // Inner gutter via padding
-    padding-left:  ($grid-gutter-width / 2);
+    padding-left: ($grid-gutter-width / 2);
     padding-right: ($grid-gutter-width / 2);
   }
 
   @each $bp in $breakpoints {
     @for $i from 1 through $grid-columns {
-      .col-#{$bp}-#{$i}{
+      .col-#{$bp}-#{$i} {
         @extend %make-grid-column;
       }
     }
@@ -247,6 +252,7 @@ $grid-breakpoint:     $screen-md;
   @for $i from (1 + 1) through $grid-columns {
     $list: "#{$list}, .col-#{$class}-#{$i}";
   }
+
   #{$list} {
     float: left;
 
@@ -254,32 +260,37 @@ $grid-breakpoint:     $screen-md;
 }
 
 @mixin calc-grid-column($index, $class, $type) {
-  @if ($type == width) and ($index > 0) {
+  @if ($type==width) and ($index > 0) {
     .col-#{$class}-#{$index} {
       width: percentage(($index / $grid-columns));
     }
   }
-  @if ($type == push) and ($index > 0) {
+
+  @if ($type==push) and ($index > 0) {
     .col-#{$class}-push-#{$index} {
       left: percentage(($index / $grid-columns));
     }
   }
-  @if ($type == push) and ($index == 0) {
+
+  @if ($type==push) and ($index==0) {
     .col-#{$class}-push-0 {
       left: auto;
     }
   }
-  @if ($type == pull) and ($index > 0) {
+
+  @if ($type==pull) and ($index > 0) {
     .col-#{$class}-pull-#{$index} {
       right: percentage(($index / $grid-columns));
     }
   }
-  @if ($type == pull) and ($index == 0) {
+
+  @if ($type==pull) and ($index==0) {
     .col-#{$class}-pull-0 {
       right: auto;
     }
   }
-  @if ($type == offset) {
+
+  @if ($type==offset) {
     .col-#{$class}-offset-#{$index} {
       margin-left: percentage(($index / $grid-columns));
     }
@@ -307,12 +318,15 @@ $grid-breakpoint:     $screen-md;
   @media (min-width: $screen-xs) {
     max-width: $container-sm;
   }
+
   @media (min-width: $screen-sm) {
     max-width: $container-md;
   }
+
   @media (min-width: $screen-md) {
     max-width: $container-lg;
   }
+
   @media (min-width: $screen-lg) {
     max-width: $container-lg;
   }
@@ -322,14 +336,17 @@ $grid-breakpoint:     $screen-md;
   @include container-fixed;
   max-width: $container-xs;
 }
+
 .container-sm {
   @include container-fixed;
   max-width: $container-sm;
 }
+
 .container-md {
   @include container-fixed;
   max-width: $container-md;
 }
+
 .container-lg {
   @include container-fixed;
   max-width: $container-lg;
@@ -375,65 +392,72 @@ $grid-breakpoint:     $screen-md;
   table-layout: fixed;
   width: 100%;
 
-  & > * {
+  &>* {
     display: table-cell;
     vertical-align: top;
     padding-right: $gutter/2;
     padding-left: $gutter/2;
+
     &:first-child {
       padding-left: 0
     }
+
     &:last-child {
       padding-right: 0;
     }
   }
 }
 
-.clear{
+.clear {
   clear: both;
 }
 
-@media (max-width: $screen-xs - 1){
-  .is-hidden-xxs{
+@media (max-width: $screen-xs - 1) {
+  .is-hidden-xxs {
     display: none !important;
   }
-  [class*=is-visible]:not(.is-visible-xxs){
+
+  [class*=is-visible]:not(.is-visible-xxs) {
     display: none !important;
   }
 }
 
-@media (min-width: $screen-xs) and (max-width: $screen-sm - 1){
-  .is-hidden-xs{
+@media (min-width: $screen-xs) and (max-width: $screen-sm - 1) {
+  .is-hidden-xs {
     display: none !important;
   }
-  [class*=is-visible]:not(.is-visible-xs){
+
+  [class*=is-visible]:not(.is-visible-xs) {
     display: none !important;
   }
 }
 
-@media (min-width: $screen-sm) and (max-width: $screen-md - 1){
-  .is-hidden-sm{
+@media (min-width: $screen-sm) and (max-width: $screen-md - 1) {
+  .is-hidden-sm {
     display: none !important;
   }
-  [class*=is-visible]:not(.is-visible-sm){
+
+  [class*=is-visible]:not(.is-visible-sm) {
     display: none !important;
   }
 }
 
-@media (min-width: $screen-md) and (max-width: $screen-lg - 1){
-  .is-hidden-md{
+@media (min-width: $screen-md) and (max-width: $screen-lg - 1) {
+  .is-hidden-md {
     display: none !important;
   }
-  [class*=is-visible]:not(.is-visible-md){
+
+  [class*=is-visible]:not(.is-visible-md) {
     display: none !important;
   }
 }
 
 @media (min-width: $screen-lg) {
-  .is-hidden-lg{
+  .is-hidden-lg {
     display: none !important;
   }
-  [class*=is-visible]:not(.is-visible-lg){
+
+  [class*=is-visible]:not(.is-visible-lg) {
     display: none !important;
   }
-}
+}
\ No newline at end of file
diff --git a/assets/css/base/_links.scss b/assets/css/base/_links.scss
index 28f1c21..2a88972 100644
--- a/assets/css/base/_links.scss
+++ b/assets/css/base/_links.scss
@@ -9,24 +9,28 @@ a {
   -o-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   transition-duration: 0.4s;
+
   &:hover,
   &.active,
   &:focus,
-  .nuxt-link-active{
+  .nuxt-link-active {
     outline: 0;
     text-decoration: none;
   }
 
   &.ani {
     text-decoration: none;
+
     &:hover,
     &.active,
-    &:focus{
+    &:focus {
       color: $primary-light;
     }
+
     span {
       display: inline-block;
       position: relative;
+
       &:after {
         content: "";
         display: block;
@@ -46,40 +50,50 @@ a {
       }
     }
   }
+
   &.dribbble {
     color: #ea4c89;
+
     &:hover,
     &.active,
-    &:focus{
-      color: lighten(#ea4c89,10%);
+    &:focus {
+      color: lighten(#ea4c89, 10%);
     }
+
     span:after {
-      background-color: lighten(#ea4c89,10%);
+      background-color: lighten(#ea4c89, 10%);
     }
   }
+
   &.linkedin {
     color: #0077B5;
+
     &:hover,
     &.active,
-    &:focus{
-      color: lighten(#0077B5,10%);
+    &:focus {
+      color: lighten(#0077B5, 10%);
     }
+
     span:after {
-      background-color: lighten(#0077B5,10%);
+      background-color: lighten(#0077B5, 10%);
     }
   }
+
   &.twitter {
     color: #00aced;
+
     &:hover,
     &.active,
-    &:focus{
-      color: lighten(#00aced,10%);
+    &:focus {
+      color: lighten(#00aced, 10%);
     }
+
     span:after {
-      background-color: lighten(#00aced,10%);
+      background-color: lighten(#00aced, 10%);
     }
   }
 }
+
 a.ani:hover span:after {
   width: 100%;
-}
+}
\ No newline at end of file
diff --git a/assets/css/base/_sprite-mixin.scss b/assets/css/base/_sprite-mixin.scss
index c8ba79e..3fb98f1 100644
--- a/assets/css/base/_sprite-mixin.scss
+++ b/assets/css/base/_sprite-mixin.scss
@@ -1,39 +1,38 @@
-@function divideEscape0($a,$b){
-  @if ($b ==0){@return 0}
+@function divideEscape0($a, $b) {
+  @if ($b==0) {
+    @return 0
+  }
+
   @return $a/$b;
 }
-@function getImagePositionFromSprite($iconName,$sprite-name,$columns,$rows){
-  $index: index($sprite-name,$iconName);
+
+@function getImagePositionFromSprite($iconName, $sprite-name, $columns, $rows) {
+  $index: index($sprite-name, $iconName);
   $row: ceil($index/$columns);
   $column: $index % $columns;
-  @return percentage(divideEscape0(1,($columns - 1))*($column - 1)) percentage(divideEscape0(1,($rows - 1))*($row - 1));
+  @return percentage(divideEscape0(1, ($columns - 1))*($column - 1)) percentage(divideEscape0(1, ($rows - 1))*($row - 1));
 }
-  
-@mixin backgroundImageBySprite($sprite,$name){
+
+@mixin backgroundImageBySprite($sprite, $name) {
   background-image: url(map_get($sprite,url));
-  background-position: getImagePositionFromSprite(
-    $name,
-    map_get($sprite,names),
-    map_get($sprite,columns),
-    map_get($sprite,rows)
-  );
+  background-position: getImagePositionFromSprite($name,
+      map_get($sprite, names),
+      map_get($sprite, columns),
+      map_get($sprite, rows));
   background-size: cover;
   display: inline-block;
-} 
+}
 
-$emojis-white-bg: (
-  'art', 'writing', 'thinking', 'girl-coding','nerd','loved','plane', 'rock-girl'
+$emojis-white-bg: ('art', 'writing', 'thinking', 'girl-coding', 'nerd', 'loved', 'plane', 'rock-girl'
 );
 
-$emoji-white-bg-sprite:(
-  url:'../../assets/images/emojis-white-bg.png', 
+$emoji-white-bg-sprite:(url:'../../assets/images/emojis-white-bg.png',
   names: $emojis-white-bg,
   columns: 8,
-  rows: 1
-);
+  rows: 1);
 
-@mixin emoji-white-bg($name){
-  @include backgroundImageBySprite($emoji-white-bg-sprite,$name)
+@mixin emoji-white-bg($name) {
+  @include backgroundImageBySprite($emoji-white-bg-sprite, $name)
 }
 
 
@@ -54,6 +53,4 @@ $emoji-white-bg-sprite:(
   height: 20px;
   vertical-align: text-bottom;
   width: 20px;
-}
-
-  
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 5833d93..063e507 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -1,4 +1,4 @@
 @import 'utilities/variables';
 @import 'utilities/keyframes';
 @import 'base/grid';
-@import 'base/general';
+@import 'base/general';
\ No newline at end of file
diff --git a/assets/css/prism-material-light.css b/assets/css/prism-material-light.css
index acd13ac..7bdaaf4 100644
--- a/assets/css/prism-material-light.css
+++ b/assets/css/prism-material-light.css
@@ -7,7 +7,7 @@ pre[class*="language-"] {
 	word-wrap: normal;
 	color: #90a4ae;
 	background: #fafafa;
-	font-family: Roboto Mono, monospace;
+	font-family: 'Poppins', sans-serif;
 	font-size: 1em;
 	line-height: 1.5em;
 
diff --git a/assets/css/utilities/_keyframes.scss b/assets/css/utilities/_keyframes.scss
index b7a5606..d79702c 100644
--- a/assets/css/utilities/_keyframes.scss
+++ b/assets/css/utilities/_keyframes.scss
@@ -4,16 +4,18 @@
   0% {
     opacity: 0
   }
+
   100% {
     opacity: 1
   }
 }
 
 @keyframes fadeOut {
-  0%{
+  0% {
     opacity: 1
   }
-  100%{
+
+  100% {
     opacity: 0
   }
 }
@@ -22,9 +24,11 @@
   0% {
     box-shadow: 0;
   }
+
   50% {
     box-shadow: 0 2px 6px rgba(black, .12);
   }
+
   100% {
     box-shadow: $shadow;
   }
@@ -34,6 +38,7 @@
   0% {
     transform: translateY(0);
   }
+
   100% {
     transform: translateY(5px);
   }
@@ -43,13 +48,16 @@
   0% {
     transform: scale(1);
   }
+
   60% {
     transform: scale(1);
   }
+
   80% {
     transform: scale(1.1);
   }
+
   100% {
     transform: scale(1);
   }
-}
+}
\ No newline at end of file
diff --git a/assets/css/utilities/_variables.scss b/assets/css/utilities/_variables.scss
index d600fce..f5b0b11 100644
--- a/assets/css/utilities/_variables.scss
+++ b/assets/css/utilities/_variables.scss
@@ -1,38 +1,38 @@
 //COLORS
-$primary:             #6C5CFF;
-$primary-light:       lighten($primary,20%);
-$primary-lighter:     lighten($primary,30%);
-$secondary:           #030303;
-$grey-1:     #161618;
-$grey-2:   #767676;
-$grey-3:   #b5b5b5;
-$secondary-super-lighter:   #e4e4e4;
-$background-primary:  #FFFFFF;
-$background-primary-darker:  #F6F7FB;
+$primary: #6C5CFF;
+$primary-light: lighten($primary, 20%);
+$primary-lighter: lighten($primary, 30%);
+$secondary: #030303;
+$grey-1: #161618;
+$grey-2: #767676;
+$grey-3: #b5b5b5;
+$secondary-super-lighter: #e4e4e4;
+$background-primary: #FFFFFF;
+$background-primary-darker: #F6F7FB;
 $background-secondary:$secondary;
 $background-secondary-darker: #000000;
-$success:             #57BC27;
-$warning:             #F9B13D;
-$text-negative:       white;
+$success: #57BC27;
+$warning: #F9B13D;
+$text-negative: white;
 
-          //name //color //text or false
-$colors:  "primary" $primary $text-negative,
-          "primary-light" $primary-light $text-negative,
-          "primary-lighter" $primary-lighter false,
-          "secondary" $secondary $text-negative,
-          "secondary-light" $grey-1 $text-negative,
-          "grey-2" $grey-2 false,
-          "background-primary" $background-primary false,
-          "background-secondary" $background-secondary false,
-          "white" white false,
-          "black" black $text-negative,
-          "success" $success $text-negative,
-          "warning" $warning $text-negative;
+//name //color //text or false
+$colors: "primary"$primary $text-negative,
+"primary-light"$primary-light $text-negative,
+"primary-lighter"$primary-lighter false,
+"secondary"$secondary $text-negative,
+"secondary-light"$grey-1 $text-negative,
+"grey-2"$grey-2 false,
+"background-primary"$background-primary false,
+"background-secondary"$background-secondary false,
+"white"white false,
+"black"black $text-negative,
+"success"$success $text-negative,
+"warning"$warning $text-negative;
 
-$gutter: 				  2.4rem;
-$header-height:             7rem;
-$header-height-breakpoint:  5rem;
-$nav-responsive-width:      26rem;
+$gutter: 2.4rem;
+$header-height: 7rem;
+$header-height-breakpoint: 5rem;
+$nav-responsive-width: 26rem;
 
-$border-radius: 					  3px;
-$shadow:									  0 2px 4px rgba(black, .08);
+$border-radius: 3px;
+$shadow: 0 2px 4px rgba(black, .08);
\ No newline at end of file
diff --git a/components/BlogCard.vue b/components/BlogCard.vue
index d0d2bd8..59ea154 100644
--- a/components/BlogCard.vue
+++ b/components/BlogCard.vue
@@ -1,11 +1,11 @@
 <!-- @format -->
 
 <template>
-  <div>
+  <div class="container mx-auto">
     <div
-      class="max-w-4xl mx-auto mt-5 bg-transparant overflow-hidden  hover:shadow-lg hover:border-1 hover:border-gray-600 border-2 border-gray-800 rounded-lg"
+      class="max-w-4xl mx-auto  mt-5 bg-transparant overflow-hidden hover:shadow-2xl hover:border-1hover:border-gray-700 border-2 border-gray-800 rounded-lg"
     >
-      <div class="p-5">
+      <div class="p-6 mx-3">
         <article>
           <span
             class="text-blue-100 float-left text-xs font-medium uppercase"
diff --git a/components/MusicPlaylistCard.vue b/components/MusicPlaylistCard.vue
index 4053fb3..4a29c85 100644
--- a/components/MusicPlaylistCard.vue
+++ b/components/MusicPlaylistCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full max-w-xs hover:shadow-lg py-3 hover:border-1 hover:border-gray-600 border-2 border-gray-800 rounded-lg text-center">
+  <div class="w-full max-w-xs p-2 hover:shadow-2xl py-3 hover:border-1hover:border-gray-700 border-2 border-gray-800 rounded-lg text-center">
     <iframe width="560" height="315" class="object-cover object-center w-full h-48 mx-auto rounded-lg"
      :src="source" title="YouTube video player" frameborder="0"
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
diff --git a/components/Sections/BlogSection.vue b/components/Sections/BlogSection.vue
index 701b5c6..6e80b75 100644
--- a/components/Sections/BlogSection.vue
+++ b/components/Sections/BlogSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="blog-section pb-8 pt-50">
+  <section class="blog-section pb-8 pt-50 ">
     <SubContainer sectionTitle="Blog" SectionDescription="  Short story excerpts to fill my spare time about Coding, Work, Your life is everything I want "/>
       <ul class="blogs">
         <blog-card v-for="blog in blogs" :key="blog.name" :blog="blog" />
diff --git a/components/Sections/Header.vue b/components/Sections/Header.vue
index b33e34a..314e821 100644
--- a/components/Sections/Header.vue
+++ b/components/Sections/Header.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <section class="header ">
+    <section class="header">
       <div class="font-sans antialiased" id="app">
         <div class="container mx-auto px-5 py-5">
           <nav class="flex items-center justify-between flex-wrap bg-teal">
@@ -61,6 +61,10 @@
 </script>
 
 <style scoped>
+  .header{
+      font-family: 'Poppins',
+    sans-serif !important;
+  }
   h1 {
     font-size: 2rem;
   }
diff --git a/contents/en/blog/kisah-akhir-sekolah-dalam-kata.md b/contents/en/blog/kisah-akhir-sekolah-dalam-kata.md
index 34e3733..2342624 100644
--- a/contents/en/blog/kisah-akhir-sekolah-dalam-kata.md
+++ b/contents/en/blog/kisah-akhir-sekolah-dalam-kata.md
@@ -13,15 +13,33 @@ description: |
 
 Assalamualaikum warahmatullahi wabarokatuh, Halo Semuanya 👋, bagaimana kabarnya ? Semoga baik-baik saja ya .Tahun 2021, tahun dimana akhir mengukir kisah di-sekolah, dan menghadapi kehidupan yang sesungguhnya, dan mungkin  untuk tahun ini kurang terlalu berkesan untuk-ku karena Pandemi yang sudah berlangsung selama hampir 2 tahun yang membuat kenangan di sekolah mungkin agak kurang 😢
 
-## Apa yang sudah kamu lakukan selama 3 tahun terakhir ini ?
+## *Apa yang sudah kamu lakukan selama 3 tahun terakhir ini ?
 
-Sebut saja ini perjalanan aku ketika mengarungi kehidupan dan pahit manisnya di Sekolah (SMK) ini. Di tahun pertama sekolah, mungkin karena aku sudah ada basic IT dari dulu jadi agak cepat untuk beradaptasi dengan kehidupan di jurusan RPL (Rekayasa Perangkat Lunak) ini, mulai dari belajar __Desain Grafis__, __Terknik Dasar Komputer dan Jaringan__,__Pemograman Dasar__, coba tebak yang menjadi bidang favorit aku, yak __Pemograman__ , dimana dikelas 10 aku belajar bahasa pemograman VB.Net dengan menggunakan ```IDE Visual Studio Series```, dimana belajar membuat aplikasi-aplikasi sederhana seperti kalkulator, tebak angka, aplikasi kasir sederhana dan lain-lain. Di Tahun ke-2, mungkin banyak yang mengeluh ditahun ke-dua ini, karena bertemu dengan mapel pemograman lagi, tapi itu tidak berlaku untukku hahah🥳, karena aku menyukai tantangan dan teka-teki jadi aku tidak banyak mengeluh, tapi mengeluh-ku mungkin karena tugas yang terlalu banyak sampai lupa tidur hahaha. Yak dimana dikelas 12 ini belajar banyak mulai dari konsep  ```Object Oriented Programing```, ```Web Programming```  dan ```Analysis System``` , dan aku lebih menyukai bidang ``Web Programming`` dan kebetulan sebelum naik ke kelas 11 aku sudah mempelajari dasar web programming seperti HTML, CSS, JS dan PHP dan sudah coba-coba untuk mencoba Web Framework yaitu _Codeigniter3_ dan _Laravel_ , dan di bulan Februari tepat dimana program magang sekolah aku menjadi junior web developer dengan menggunakan Laravel sebagai Core Frameworknya dimana aku membangun website untuk undangan pernikahan online dan sistem informasi Kabar Desa, belum sampai masa magang berakhir, tiba-tiba virus COVID19 menyerang, dan membuat semua kegiatan sekolah menjadi terhenti dan menjadi daring dan ini berlanjut hingga aku masuk kekelas 12, dan disaat Kelas 12 ini, tidak banyak hal yang berkesan untukku karena semua secara daring, walaupun begitu kita harus tetap semangat menjalani aktivitas. Nah di kelas 12 ini kebetulan aku berpartisipasi dalam LKS (Lomba Kompetensi Siswa) tingkat Provinsi Jawa tengan mewakili Kabupaten Kranganyar dan Sekolahku (SMKN 2 Karanganyar) untuk bidang _Web Technologies_ dimana di mata lomba ini semua aspek dalam dunia per-website-an dilombakan meliputi Desain, Content Management System (CMS), Server-Side-Scripting dan juga Client-Side-Scripting, walaupun tidak juara tapi aku mendapat banyak pengalaman saat mengikuti lomba ini.
+Sebut saja ini perjalanan aku ketika mengarungi kehidupan dan pahit manisnya di Sekolah (SMK) ini. Di tahun pertama sekolah, mungkin karena aku sudah ada basic IT dari dulu jadi agak cepat untuk beradaptasi dengan kehidupan di jurusan RPL (Rekayasa Perangkat Lunak) ini, mulai dari belajar __Desain Grafis__, __Terknik Dasar Komputer dan Jaringan__,__Pemograman Dasar__, coba tebak yang menjadi bidang favorit aku, yak __Pemograman__ , dimana dikelas 10 aku belajar bahasa pemograman VB.Net dengan menggunakan ```IDE Visual Studio Series```, dimana belajar membuat aplikasi-aplikasi sederhana seperti kalkulator, tebak angka, aplikasi kasir sederhana dan lain-lain. 
 
-## Apa yang akan kulakukan kedepannya ?
 
-Mungkin sudah menjadi tantangan terbesar ketika lulus sekolah, dimana banyak yang tau haru ngapain, sudah menentukan untuk menempuh pendidikan yang lebih tinggi lagi dan ada juga yang bekerja. dan bahkan ada yang sudah berkeinginan untuk menikah. untuk itu aku memutuskan untuk bekerja terlebih dahulu, karena aku ingin segera membahagiakan Orang tua dan keluarga tercintaku. kenapa kok tidak kuliah ? karena mungkin bekal dari SMK ini sudah cukup untukku jadi aku ingin belajar hal baru lagi, Kenapa tidak menikah ? wait what😆  mungkin 7 / 8 tahun kedepan, aku belum siap untuk itu wkwkwk, dan bahkan calonnya pun juga belum ada, doain ya  semoga mendapat calon yang shalihah dan baik hehehe._The Point is_ Pastikan kalian sudah menentukan dengan matang ya, terus semangat untuk meraih mimpi, pasti jalan tidak akan mulus seperti yang dibayangkan so tetap semangat dan jangan lupa bersyukur ya🙌
+Di Tahun ke-2, mungkin banyak yang mengeluh ditahun ke-dua ini, karena bertemu dengan mapel pemograman lagi, tapi itu tidak berlaku untukku hahah🥳, karena aku menyukai tantangan dan teka-teki jadi aku tidak banyak mengeluh, tapi mengeluh-ku mungkin karena tugas yang terlalu banyak sampai lupa tidur hahaha. 
 
-## Harapan untuk Kita semua
+Yak dimana dikelas 12 ini belajar banyak mulai dari konsep  ```Object Oriented Programing```, ```Web Programming```  dan ```Analysis System``` , dan aku lebih menyukai bidang ``Web Programming`` dan kebetulan sebelum naik ke kelas 11 aku sudah mempelajari dasar web programming seperti HTML, CSS, JS dan PHP dan sudah coba-coba untuk mencoba Web Framework yaitu _Codeigniter3_ dan _Laravel_ , dan di bulan Februari tepat dimana program magang sekolah aku menjadi junior web developer dengan menggunakan Laravel sebagai Core Frameworknya dimana aku membangun website untuk undangan pernikahan online dan sistem informasi Kabar Desa, belum sampai masa magang berakhir, tiba-tiba virus COVID19 menyerang, dan membuat semua kegiatan sekolah menjadi terhenti dan menjadi daring dan ini berlanjut hingga aku masuk kekelas 12, dan disaat Kelas 12 ini, tidak banyak hal yang berkesan untukku karena semua secara daring, walaupun begitu kita harus tetap semangat menjalani aktivitas. 
+
+
+Nah di kelas 12 ini kebetulan aku berpartisipasi dalam LKS (Lomba Kompetensi Siswa) tingkat Provinsi Jawa tengan mewakili Kabupaten Karanganyar dan Sekolahku (SMKN 2 Karanganyar) untuk bidang _Web Technologies_ dimana di mata lomba ini semua aspek dalam dunia per-website-an dilombakan meliputi Desain, Content Management System (CMS), Server-Side-Scripting dan juga Client-Side-Scripting, walaupun tidak juara tapi aku mendapat banyak pengalaman saat mengikuti lomba ini.
+
+
+
+## * Apa yang akan kulakukan kedepannya ?
+
+Mungkin sudah menjadi tantangan terbesar ketika lulus sekolah, dimana banyak yang tau haru ngapain, sudah menentukan untuk menempuh pendidikan yang lebih tinggi lagi dan ada juga yang bekerja. dan bahkan ada yang sudah berkeinginan untuk menikah. untuk itu aku memutuskan untuk bekerja terlebih dahulu, karena aku ingin segera membahagiakan Orang tua dan keluarga tercintaku. 
+
+kenapa kok tidak kuliah ? karena mungkin bekal dari SMK ini sudah cukup untukku jadi aku ingin belajar hal baru lagi.
+
+Kenapa tidak menikah ? wait what😆  mungkin 7 / 8 tahun kedepan, aku belum siap untuk itu wkwkwk, dan bahkan calonnya pun juga belum ada, doain ya  semoga mendapat calon yang shalihah dan baik hehehe.
+
+_The Point is_ Pastikan kalian sudah menentukan dengan matang ya, terus semangat untuk meraih mimpi, pasti jalan tidak akan mulus seperti yang dibayangkan so tetap semangat dan jangan lupa bersyukur ya🙌
+
+
+
+## * Harapan untuk Kita semua
 
 Untuk yang tahun 2021 ini lulus, jangan bersenang-senang dulu, kehidupan sebenarnya akan segera dimulai. untuk menghadapi itu semua jangan lupa persiapkan diri kamu, jangan mudah menyerah harus tetap semangat🙌, dan jangan lupa bersyukur dan jangan lupa untuk senantiasa berdoa dan rajin beribadah ya. Semoga kalian semua Sukses dan berguna bagi Agam, Bangsa, Negara, dan dapat membahagiakan keluarga. Aamiin 🙌
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 52cc1f4..c35b39b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="layout">
-    <Header/>
-    <nuxt class="nuxt-content"/>
-    <Footer/>
+    <Header />
+    <nuxt class="nuxt-content" />
+    <Footer />
   </div>
 </template>
 <script>
@@ -10,13 +10,18 @@
   import Header from '~/components/Sections/Header'
 
   export default {
-    components: { Footer,Header }
+    components: {
+      Footer,
+      Header
+    }
   }
 </script>
 
 
 <style scoped>
-body{
-  background-color: rgba(31,41,55,1);
-}
+  body {
+    font-family: 'Poppins',
+      sans-serif !important;
+    background-color: rgba(31, 41, 55, 1);
+  }
 </style>
\ No newline at end of file
diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
index 196c12a..431180b 100644
--- a/pages/blog/_slug.vue
+++ b/pages/blog/_slug.vue
@@ -210,7 +210,6 @@
   }
 
   .content-cover {
-    font-family:  'Montserrat', sans-serif !important;
     display: flex;
     flex-direction: column;
     // min-height: 459px;
@@ -247,15 +246,13 @@
   }
 
   .dynamicMarkdown {
-    padding: 3.1rem 0;
+    font-family: 'Poppins', sans-serif;
     font-size:1.125rem;
-    line-height: 1.4;
-    font-family:'Montserrat', sans-serif !important;
+    line-height: 1.6;
     color: rgb(229, 231, 235);
     background-color: rgb(22, 22, 29);
 
     >*:not(.datagrid):not(.image-placeholder) {
-      max-width: 700px;
       margin-left: auto;
       margin-right: auto;
       display: block;
diff --git a/pages/index.vue b/pages/index.vue
index ca64e6b..8382425 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,7 +2,7 @@
   <div>
     <section class="hero-section">
       <div class="container mx-auto px-6 py-8">
-        <div class="lg:flex items-center">
+        <div class="lg:flex items-center">  
           <div class="lg:w-1/2 mt-6">
             <h2 class="text-gray-100 text-2xl font-bold">Hi, I am Muhamad Zainal Arifin 👋</h2>
             <p class="text-gray-400 text-base lg:max-w-md mt-4">
@@ -11,8 +11,7 @@
                 href="https://smkn2kra.sch.id">  VHS 2 Karanganyar,</a> Now as a Freelance Web Developer,
                Software Engineering graduated who is interested in the world of technology,
               especially in the world of web programming, and a web programmer who is quite experienced in creating,
-              developing web-based applications, especially with backend development with PHP Technology & JavaScript
-              Technology
+              developing web-based applications, 
             </p>
             <div class="flex mt-6">
               <nuxt-link to="/linktree"
@@ -52,7 +51,7 @@
     <section class="recent-watch container p-9 mb-6 mx-auto bg-transparant dark:bg-gray-800">
       <h2 class="text-gray-100 text-2xl font-bold mb-8  mt-8">My Recent Reading list</h2>
       <div
-        class="max-w-4xl mx-auto mt-5 bg-transparant overflow-hidden hover:shadow-lg hover:border-1 hover:border-gray-600 border-2 border-gray-800 rounded-lg"
+        class="max-w-4xl mx-auto mt-5 bg-transparant overflow-hidden hover:shadow-lg hover:border-1 hover:border-gray-700 border-2 border-gray-800 rounded-lg"
         v-for="readlist in readlists" :key="readlist.id">
         <div class="p-5">
           <div>
@@ -66,7 +65,7 @@
             </a>
             <p class="text-sm text-gray-100 mt-3">{{readlist.excerpt}}</p>
             <span
-              class="px-3 py-1 mt-5 mb-5 float-left bg-gray-800 text-sm text-white font-bold rounded hover:bg-gray-600">{{readlist.category}}</span>
+              class="px-3 py-1 mt-5 mb-5 float-left  text-sm text-white font-bold rounded bg-gray-800 hover:bg-gray-600">{{readlist.category}}</span>
           </div>
         </div>
       </div>
diff --git a/pages/linktree.vue b/pages/linktree.vue
index 5bf49fb..6a41599 100644
--- a/pages/linktree.vue
+++ b/pages/linktree.vue
@@ -4,10 +4,10 @@
       SectionDescription=" Talk about business ? can contact me on various platforms to discuss business with you " />
     <div v-for="(link,i) in links" :key="i">
       <div class="container mx-auto">
-        <div class="w-full my-3 rounded-md text-white" :class="link.color">
+        <div class="w-full my-3 rounded-md shadow-xl hover:shadow-2xl text-white" :class="link.color">
           <div class="flex justify-between items-center container mx-auto py-4 px-6">
             <div class="flex">
-              <a :href="link.redirect" class="text-xl  font-bold hover:underline" target="_blank">{{link.name}}</a>
+              <a :href="link.redirect" class="text-xl font-bold hover:underline" target="_blank">{{link.name}}</a>
             </div>
           </div>
         </div>
diff --git a/pages/project.vue b/pages/project.vue
index 7d3b895..0de8480 100644
--- a/pages/project.vue
+++ b/pages/project.vue
@@ -7,7 +7,7 @@
         <div class="flex flex-wrap justify-center">
           <div class="lg:w-2/4 md:w-1/2 p-1 mt-2 w-full" v-for="item in portfolio" :key="item.id">
             <div
-              class="h-full bg-skill card-skills shadow-md  overflow-hidden relative p-8 flex flex-wrap flex-col items-center justify-center hover:shadow-lg hover:border-1 hover:border-gray-600 border-2 border-gray-800 rounded-lg">
+              class="h-full bg-skill card-skills shadow-md  overflow-hidden relative p-8 flex flex-wrap flex-col items-center justify-center hover:shadow-2xl hover:border-1 hover:border-gray-700 border-2 border-gray-800 rounded-lg">
               <div>
                 <img alt="Image Skill"
                   class="lg:w-full h-auto md:w-full mb-5 rounded object-cover object-center mx-auto" :src="item.image"
diff --git a/static/Portfolio/image5.jpg b/static/Portfolio/image5.jpg
deleted file mode 100644
index a0b2106..0000000
Binary files a/static/Portfolio/image5.jpg and /dev/null differ