diff --git a/src/assets/fonts/Montserrat-Black.ttf b/src/assets/fonts/Montserrat-Black.ttf
new file mode 100644
index 0000000..3c9745a
Binary files /dev/null and b/src/assets/fonts/Montserrat-Black.ttf differ
diff --git a/src/assets/fonts/Montserrat-Black.woff b/src/assets/fonts/Montserrat-Black.woff
new file mode 100644
index 0000000..352fd18
Binary files /dev/null and b/src/assets/fonts/Montserrat-Black.woff differ
diff --git a/src/assets/fonts/Montserrat-Black.woff2 b/src/assets/fonts/Montserrat-Black.woff2
new file mode 100644
index 0000000..b79b8eb
Binary files /dev/null and b/src/assets/fonts/Montserrat-Black.woff2 differ
diff --git a/src/assets/fonts/Montserrat-BlackItalic.ttf b/src/assets/fonts/Montserrat-BlackItalic.ttf
new file mode 100644
index 0000000..f7741da
Binary files /dev/null and b/src/assets/fonts/Montserrat-BlackItalic.ttf differ
diff --git a/src/assets/fonts/Montserrat-BlackItalic.woff b/src/assets/fonts/Montserrat-BlackItalic.woff
new file mode 100644
index 0000000..6e3758b
Binary files /dev/null and b/src/assets/fonts/Montserrat-BlackItalic.woff differ
diff --git a/src/assets/fonts/Montserrat-BlackItalic.woff2 b/src/assets/fonts/Montserrat-BlackItalic.woff2
new file mode 100644
index 0000000..bad7fc8
Binary files /dev/null and b/src/assets/fonts/Montserrat-BlackItalic.woff2 differ
diff --git a/src/assets/fonts/Montserrat-Bold.ttf b/src/assets/fonts/Montserrat-Bold.ttf
new file mode 100644
index 0000000..dc8f3f0
Binary files /dev/null and b/src/assets/fonts/Montserrat-Bold.ttf differ
diff --git a/src/assets/fonts/Montserrat-Bold.woff b/src/assets/fonts/Montserrat-Bold.woff
new file mode 100644
index 0000000..f45217a
Binary files /dev/null and b/src/assets/fonts/Montserrat-Bold.woff differ
diff --git a/src/assets/fonts/Montserrat-Bold.woff2 b/src/assets/fonts/Montserrat-Bold.woff2
new file mode 100644
index 0000000..080be57
Binary files /dev/null and b/src/assets/fonts/Montserrat-Bold.woff2 differ
diff --git a/src/assets/fonts/Montserrat-BoldItalic.ttf b/src/assets/fonts/Montserrat-BoldItalic.ttf
new file mode 100644
index 0000000..48df17f
Binary files /dev/null and b/src/assets/fonts/Montserrat-BoldItalic.ttf differ
diff --git a/src/assets/fonts/Montserrat-BoldItalic.woff b/src/assets/fonts/Montserrat-BoldItalic.woff
new file mode 100644
index 0000000..9bdb07e
Binary files /dev/null and b/src/assets/fonts/Montserrat-BoldItalic.woff differ
diff --git a/src/assets/fonts/Montserrat-BoldItalic.woff2 b/src/assets/fonts/Montserrat-BoldItalic.woff2
new file mode 100644
index 0000000..ea193fc
Binary files /dev/null and b/src/assets/fonts/Montserrat-BoldItalic.woff2 differ
diff --git a/src/assets/fonts/Montserrat-ExtraBold.ttf b/src/assets/fonts/Montserrat-ExtraBold.ttf
new file mode 100644
index 0000000..1d23d57
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraBold.ttf differ
diff --git a/src/assets/fonts/Montserrat-ExtraBold.woff b/src/assets/fonts/Montserrat-ExtraBold.woff
new file mode 100644
index 0000000..3e36247
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraBold.woff differ
diff --git a/src/assets/fonts/Montserrat-ExtraBold.woff2 b/src/assets/fonts/Montserrat-ExtraBold.woff2
new file mode 100644
index 0000000..ba9ffa5
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraBold.woff2 differ
diff --git a/src/assets/fonts/Montserrat-ExtraBoldItalic.ttf b/src/assets/fonts/Montserrat-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..dcf53a8
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraBoldItalic.ttf differ
diff --git a/src/assets/fonts/Montserrat-ExtraBoldItalic.woff b/src/assets/fonts/Montserrat-ExtraBoldItalic.woff
new file mode 100644
index 0000000..9117c07
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraBoldItalic.woff differ
diff --git a/src/assets/fonts/Montserrat-ExtraBoldItalic.woff2 b/src/assets/fonts/Montserrat-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..c9271e4
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraBoldItalic.woff2 differ
diff --git a/src/assets/fonts/Montserrat-ExtraLight.ttf b/src/assets/fonts/Montserrat-ExtraLight.ttf
new file mode 100644
index 0000000..5653e0e
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraLight.ttf differ
diff --git a/src/assets/fonts/Montserrat-ExtraLight.woff b/src/assets/fonts/Montserrat-ExtraLight.woff
new file mode 100644
index 0000000..9514355
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraLight.woff differ
diff --git a/src/assets/fonts/Montserrat-ExtraLight.woff2 b/src/assets/fonts/Montserrat-ExtraLight.woff2
new file mode 100644
index 0000000..b650631
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraLight.woff2 differ
diff --git a/src/assets/fonts/Montserrat-ExtraLightItalic.ttf b/src/assets/fonts/Montserrat-ExtraLightItalic.ttf
new file mode 100644
index 0000000..6e4cdd6
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraLightItalic.ttf differ
diff --git a/src/assets/fonts/Montserrat-ExtraLightItalic.woff b/src/assets/fonts/Montserrat-ExtraLightItalic.woff
new file mode 100644
index 0000000..4a8841a
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraLightItalic.woff differ
diff --git a/src/assets/fonts/Montserrat-ExtraLightItalic.woff2 b/src/assets/fonts/Montserrat-ExtraLightItalic.woff2
new file mode 100644
index 0000000..23546b3
Binary files /dev/null and b/src/assets/fonts/Montserrat-ExtraLightItalic.woff2 differ
diff --git a/src/assets/fonts/Montserrat-Italic.ttf b/src/assets/fonts/Montserrat-Italic.ttf
new file mode 100644
index 0000000..8261b3a
Binary files /dev/null and b/src/assets/fonts/Montserrat-Italic.ttf differ
diff --git a/src/assets/fonts/Montserrat-Italic.woff b/src/assets/fonts/Montserrat-Italic.woff
new file mode 100644
index 0000000..89720fa
Binary files /dev/null and b/src/assets/fonts/Montserrat-Italic.woff differ
diff --git a/src/assets/fonts/Montserrat-Italic.woff2 b/src/assets/fonts/Montserrat-Italic.woff2
new file mode 100644
index 0000000..126913e
Binary files /dev/null and b/src/assets/fonts/Montserrat-Italic.woff2 differ
diff --git a/src/assets/fonts/Montserrat-Light.ttf b/src/assets/fonts/Montserrat-Light.ttf
new file mode 100644
index 0000000..654ce81
Binary files /dev/null and b/src/assets/fonts/Montserrat-Light.ttf differ
diff --git a/src/assets/fonts/Montserrat-Light.woff b/src/assets/fonts/Montserrat-Light.woff
new file mode 100644
index 0000000..818127c
Binary files /dev/null and b/src/assets/fonts/Montserrat-Light.woff differ
diff --git a/src/assets/fonts/Montserrat-Light.woff2 b/src/assets/fonts/Montserrat-Light.woff2
new file mode 100644
index 0000000..5480723
Binary files /dev/null and b/src/assets/fonts/Montserrat-Light.woff2 differ
diff --git a/src/assets/fonts/Montserrat-LightItalic.ttf b/src/assets/fonts/Montserrat-LightItalic.ttf
new file mode 100644
index 0000000..d6b01c3
Binary files /dev/null and b/src/assets/fonts/Montserrat-LightItalic.ttf differ
diff --git a/src/assets/fonts/Montserrat-LightItalic.woff b/src/assets/fonts/Montserrat-LightItalic.woff
new file mode 100644
index 0000000..f967b06
Binary files /dev/null and b/src/assets/fonts/Montserrat-LightItalic.woff differ
diff --git a/src/assets/fonts/Montserrat-LightItalic.woff2 b/src/assets/fonts/Montserrat-LightItalic.woff2
new file mode 100644
index 0000000..c0c7f3e
Binary files /dev/null and b/src/assets/fonts/Montserrat-LightItalic.woff2 differ
diff --git a/src/assets/fonts/Montserrat-Medium.ttf b/src/assets/fonts/Montserrat-Medium.ttf
new file mode 100644
index 0000000..d895851
Binary files /dev/null and b/src/assets/fonts/Montserrat-Medium.ttf differ
diff --git a/src/assets/fonts/Montserrat-Medium.woff b/src/assets/fonts/Montserrat-Medium.woff
new file mode 100644
index 0000000..9a8d41b
Binary files /dev/null and b/src/assets/fonts/Montserrat-Medium.woff differ
diff --git a/src/assets/fonts/Montserrat-Medium.woff2 b/src/assets/fonts/Montserrat-Medium.woff2
new file mode 100644
index 0000000..4992e66
Binary files /dev/null and b/src/assets/fonts/Montserrat-Medium.woff2 differ
diff --git a/src/assets/fonts/Montserrat-MediumItalic.ttf b/src/assets/fonts/Montserrat-MediumItalic.ttf
new file mode 100644
index 0000000..a4cd6fe
Binary files /dev/null and b/src/assets/fonts/Montserrat-MediumItalic.ttf differ
diff --git a/src/assets/fonts/Montserrat-MediumItalic.woff b/src/assets/fonts/Montserrat-MediumItalic.woff
new file mode 100644
index 0000000..5e43238
Binary files /dev/null and b/src/assets/fonts/Montserrat-MediumItalic.woff differ
diff --git a/src/assets/fonts/Montserrat-MediumItalic.woff2 b/src/assets/fonts/Montserrat-MediumItalic.woff2
new file mode 100644
index 0000000..75cecf1
Binary files /dev/null and b/src/assets/fonts/Montserrat-MediumItalic.woff2 differ
diff --git a/src/assets/fonts/Montserrat-Regular.ttf b/src/assets/fonts/Montserrat-Regular.ttf
new file mode 100644
index 0000000..48e5ae4
Binary files /dev/null and b/src/assets/fonts/Montserrat-Regular.ttf differ
diff --git a/src/assets/fonts/Montserrat-Regular.woff b/src/assets/fonts/Montserrat-Regular.woff
new file mode 100644
index 0000000..c19adf0
Binary files /dev/null and b/src/assets/fonts/Montserrat-Regular.woff differ
diff --git a/src/assets/fonts/Montserrat-Regular.woff2 b/src/assets/fonts/Montserrat-Regular.woff2
new file mode 100644
index 0000000..d3a064e
Binary files /dev/null and b/src/assets/fonts/Montserrat-Regular.woff2 differ
diff --git a/src/assets/fonts/Montserrat-SemiBold.ttf b/src/assets/fonts/Montserrat-SemiBold.ttf
new file mode 100644
index 0000000..639fd32
Binary files /dev/null and b/src/assets/fonts/Montserrat-SemiBold.ttf differ
diff --git a/src/assets/fonts/Montserrat-SemiBold.woff b/src/assets/fonts/Montserrat-SemiBold.woff
new file mode 100644
index 0000000..2c169ed
Binary files /dev/null and b/src/assets/fonts/Montserrat-SemiBold.woff differ
diff --git a/src/assets/fonts/Montserrat-SemiBold.woff2 b/src/assets/fonts/Montserrat-SemiBold.woff2
new file mode 100644
index 0000000..47e4b14
Binary files /dev/null and b/src/assets/fonts/Montserrat-SemiBold.woff2 differ
diff --git a/src/assets/fonts/Montserrat-SemiBoldItalic.ttf b/src/assets/fonts/Montserrat-SemiBoldItalic.ttf
new file mode 100644
index 0000000..a828b1f
Binary files /dev/null and b/src/assets/fonts/Montserrat-SemiBoldItalic.ttf differ
diff --git a/src/assets/fonts/Montserrat-SemiBoldItalic.woff b/src/assets/fonts/Montserrat-SemiBoldItalic.woff
new file mode 100644
index 0000000..29a5112
Binary files /dev/null and b/src/assets/fonts/Montserrat-SemiBoldItalic.woff differ
diff --git a/src/assets/fonts/Montserrat-SemiBoldItalic.woff2 b/src/assets/fonts/Montserrat-SemiBoldItalic.woff2
new file mode 100644
index 0000000..c067462
Binary files /dev/null and b/src/assets/fonts/Montserrat-SemiBoldItalic.woff2 differ
diff --git a/src/assets/fonts/Montserrat-Thin.ttf b/src/assets/fonts/Montserrat-Thin.ttf
new file mode 100644
index 0000000..36c0544
Binary files /dev/null and b/src/assets/fonts/Montserrat-Thin.ttf differ
diff --git a/src/assets/fonts/Montserrat-Thin.woff b/src/assets/fonts/Montserrat-Thin.woff
new file mode 100644
index 0000000..28f712f
Binary files /dev/null and b/src/assets/fonts/Montserrat-Thin.woff differ
diff --git a/src/assets/fonts/Montserrat-Thin.woff2 b/src/assets/fonts/Montserrat-Thin.woff2
new file mode 100644
index 0000000..b342db4
Binary files /dev/null and b/src/assets/fonts/Montserrat-Thin.woff2 differ
diff --git a/src/assets/fonts/Montserrat-ThinItalic.ttf b/src/assets/fonts/Montserrat-ThinItalic.ttf
new file mode 100644
index 0000000..3d2c632
Binary files /dev/null and b/src/assets/fonts/Montserrat-ThinItalic.ttf differ
diff --git a/src/assets/fonts/Montserrat-ThinItalic.woff b/src/assets/fonts/Montserrat-ThinItalic.woff
new file mode 100644
index 0000000..5d5405e
Binary files /dev/null and b/src/assets/fonts/Montserrat-ThinItalic.woff differ
diff --git a/src/assets/fonts/Montserrat-ThinItalic.woff2 b/src/assets/fonts/Montserrat-ThinItalic.woff2
new file mode 100644
index 0000000..4c80f96
Binary files /dev/null and b/src/assets/fonts/Montserrat-ThinItalic.woff2 differ
diff --git a/src/assets/images/arrow-scroll.svg b/src/assets/images/arrow-scroll.svg
new file mode 100644
index 0000000..c3ed108
--- /dev/null
+++ b/src/assets/images/arrow-scroll.svg
@@ -0,0 +1,3 @@
+<svg width="61" height="33" viewBox="0 0 61 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M60.1788 0.744359C59.1863 -0.24812 57.582 -0.24812 56.5895 0.744359L30.4615 26.8722L4.33363 0.744359C3.34116 -0.24812 1.73684 -0.24812 0.74436 0.744359C-0.24812 1.73684 -0.24812 3.34116 0.74436 4.33363L28.6669 32.2562C29.1619 32.7512 29.8117 33 30.4616 33C31.1115 33 31.7613 32.7512 32.2563 32.2562L60.1789 4.33363C61.1713 3.34116 61.1713 1.73684 60.1788 0.744359Z" fill="white"/>
+</svg>
diff --git a/src/assets/images/menu_button.png b/src/assets/images/menu_button.png
new file mode 100644
index 0000000..0846550
Binary files /dev/null and b/src/assets/images/menu_button.png differ
diff --git a/src/assets/images/tesla-4.png b/src/assets/images/tesla-4.png
new file mode 100644
index 0000000..ffcadad
Binary files /dev/null and b/src/assets/images/tesla-4.png differ
diff --git a/src/assets/images/tesla-bg.png b/src/assets/images/tesla-bg.png
new file mode 100644
index 0000000..4c1e7be
Binary files /dev/null and b/src/assets/images/tesla-bg.png differ
diff --git a/src/assets/images/tesla-x.png b/src/assets/images/tesla-x.png
new file mode 100644
index 0000000..cdddcfa
Binary files /dev/null and b/src/assets/images/tesla-x.png differ
diff --git a/src/assets/images/tesla_m3.png b/src/assets/images/tesla_m3.png
new file mode 100644
index 0000000..bf8729e
Binary files /dev/null and b/src/assets/images/tesla_m3.png differ
diff --git a/src/components/Carousel.vue b/src/components/Carousel.vue
new file mode 100644
index 0000000..cb899ae
--- /dev/null
+++ b/src/components/Carousel.vue
@@ -0,0 +1,73 @@
+<template lang="pug">
+.carousel
+    .container
+        h2.carousel__title Our tesla car model
+        ul.carousel-list
+            li.carousel-list__el(:class="{active: curSlideIdx === 0}" :style="{transform: `translateX(-${curSlideIdx*100}%)`}")
+                img(src="../assets/images/tesla_m3.png")
+                div Model 3
+            li.carousel-list__el(:class="{active: curSlideIdx === 1}" :style="{transform: `translateX(-${curSlideIdx*100}%)`}")
+                img(src="../assets/images/tesla-4.png")
+                div Model S
+            li.carousel-list__el(:class="{active: curSlideIdx === 2}" :style="{transform: `translateX(-${curSlideIdx*100}%)`}")
+                img(src="../assets/images/tesla-x.png")
+                div Model X
+</template>
+<style lang="scss">
+.carousel{
+    overflow: hidden;
+    &__title{
+        text-transform: uppercase;
+        font-weight: 500;
+        font-size: 38px;
+        line-height: 46px;
+        letter-spacing: 0.025em;
+    }
+    .carousel-list{
+        display: flex;
+        padding: 0;
+
+        &__el{
+            font-weight: 500;
+            font-size: 25px;
+            line-height: 30px;
+            letter-spacing: 0.025em;
+            text-transform: uppercase;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            list-style: none;
+            transition: opacity ease-in-out 0.3s, transform ease-in-out 0.3s;
+            &:not(.active){
+                opacity: 0.5;
+            }
+            img{
+                max-height: 345px;
+            }
+        }
+    }
+ }
+</style>
+<script>
+ export default {
+     name: "Carousel",
+     data (){
+         return{
+             curSlideIdx: 0,
+         }
+     },
+     methods:{
+         slide(){
+             if (this.curSlideIdx < 3-1){
+                 this.curSlideIdx++;
+             }
+             else{
+                 this.curSlideIdx = 0;
+             }
+         }
+     },
+     mounted(){
+         setInterval(this.slide, 2000);
+     }
+ }
+</script>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 3cf3c4e..d13fe79 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -6,6 +6,10 @@ header.header.container
         a.header-nav__item(href="#") Test Drive
         a.header-nav__item(href="#") Contacts
         a.header-nav__item(href="#") Shop
+    Button.header-menu(@click="")
+        div.header-menu__strip
+        div.header-menu__strip
+        div.header-menu__strip
 </template>
 <style scoped lang="scss">
  .header{
@@ -18,11 +22,12 @@ header.header.container
          }
      }
      .header-nav{
+        @media screen and (max-width: 1024px){
+             display: none;
+        }
         &__item {
             margin: 0 8px;
             text-transform: uppercase;
-            font-family: 'Montserrat';
-            font-style: normal;
             font-weight: 500;
             font-size: 22px;
             line-height: 27px;
@@ -36,5 +41,23 @@ header.header.container
             }
         }
      }
+     &-menu{
+         background: transparent;
+         display:flex;
+         flex-direction: column;
+         width: 30px;
+         @media screen and (min-width: 1024px){
+             display: none;
+         }
+         &__strip{
+             height: 2px;
+             background: black;
+             width: 100%;
+
+             &:not(:last-child){
+                 margin-bottom: 7px;
+             }
+         }
+     }
  }
 </style>
diff --git a/src/pages/TeslaMode.vue b/src/pages/TeslaMode.vue
index dc0dad9..3ee9e6a 100644
--- a/src/pages/TeslaMode.vue
+++ b/src/pages/TeslaMode.vue
@@ -2,17 +2,22 @@
 .tesla-mode
     Header.tesla-mode__header/
     .intro
+        img.intro__bg(src="../assets/images/tesla-bg.png" alt="")
+        .intro__scroll-arrow
+            include ../assets/images/arrow-scroll.svg
+    Carousel/
     Footer/
 h1 modelS
 </template>
 <script>
 import Header from "../components/Header.vue"
 import Footer from "../components/Footer.vue"
-
+import Carousel from "../components/Carousel.vue"
 export default {
     name: "TeslaMode",
     components: {
         Header,
+        Carousel,
         Footer,
     }
 }
@@ -25,10 +30,38 @@ export default {
          left: 0;
          right: 0;
          width: 100%;
+         z-index: 100;
      }
      .intro{
          background: wheat;
-         min-height: 100vh;
+         position: relative;
+         overflow: hidden;
+         max-height: 1000px;
+         height: 100vh;
+         &__scroll-arrow{
+             height: 33px;
+             width: 61px;
+             position: absolute;
+             bottom: 23px;
+             left: 0;
+             right: 0;
+             margin: 0 auto;
+             animation: scrollArrow 2s ease-in-out infinite;
+         }
+         &__bg{
+             height: 100%;
+             object-fit: cover;
+             object-position: center;
+             width: 100%;
+         }
+     }
+ }
+ @keyframes scrollArrow {
+     from, to{
+         transform: none;
+     }
+     50%{
+         transform: translateY(-70%) scale(1.1);
      }
  }
 </style>
diff --git a/src/scss/_common.scss b/src/scss/_common.scss
index 58a32cc..9046c16 100644
--- a/src/scss/_common.scss
+++ b/src/scss/_common.scss
@@ -1 +1,3 @@
 @import './vars';
+@import './reset';
+@import './fonts';
diff --git a/src/scss/_fonts.scss b/src/scss/_fonts.scss
new file mode 100644
index 0000000..de5843b
--- /dev/null
+++ b/src/scss/_fonts.scss
@@ -0,0 +1,179 @@
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-BlackItalic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-BlackItalic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-BlackItalic.ttf') format('truetype');
+    font-weight: 900;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-BoldItalic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-BoldItalic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-LightItalic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-LightItalic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-Bold.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-Bold.woff') format('woff'),
+        url('../assets/fonts/Montserrat-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
+    font-weight: 200;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-Medium.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-Medium.woff') format('woff'),
+        url('../assets/fonts/Montserrat-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-Italic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-Italic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-SemiBold.woff') format('woff'),
+        url('../assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-Black.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-Black.woff') format('woff'),
+        url('../assets/fonts/Montserrat-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-Regular.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-Regular.woff') format('woff'),
+        url('../assets/fonts/Montserrat-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-ThinItalic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-ThinItalic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-ThinItalic.ttf') format('truetype');
+    font-weight: 100;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-MediumItalic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-MediumItalic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-MediumItalic.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-ExtraBold.woff') format('woff'),
+        url('../assets/fonts/Montserrat-ExtraBold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
+        url('../assets/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-Light.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-Light.woff') format('woff'),
+        url('../assets/fonts/Montserrat-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-ExtraLight.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-ExtraLight.woff') format('woff'),
+        url('../assets/fonts/Montserrat-ExtraLight.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    src: url('../assets/fonts/Montserrat-Thin.woff2') format('woff2'),
+        url('../assets/fonts/Montserrat-Thin.woff') format('woff'),
+        url('../assets/fonts/Montserrat-Thin.ttf') format('truetype');
+    font-weight: 100;
+    font-style: normal;
+    font-display: swap;
+}
diff --git a/src/scss/_reset.scss b/src/scss/_reset.scss
new file mode 100644
index 0000000..667b360
--- /dev/null
+++ b/src/scss/_reset.scss
@@ -0,0 +1,5 @@
+button{
+    border: none;
+    outline: none;
+    padding: 0;
+}
diff --git a/src/scss/_vars.scss b/src/scss/_vars.scss
index 360c56d..2b6d7ef 100644
--- a/src/scss/_vars.scss
+++ b/src/scss/_vars.scss
@@ -1,4 +1,4 @@
-$main-font: Avenir, Helvetica, Arial, sans-serif, -apple-system;
+$main-font: Montserrat, sans-serif, -apple-system;
 
 // colors
 $bg-color: white;
diff --git a/src/scss/main.scss b/src/scss/main.scss
index ec8c868..57463f9 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -1,3 +1,10 @@
+*,*::before,*::after{
+    box-sizing: border-box;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
 body {
     font-family: $main-font;
     background-color: $bg-color;