diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..1012cb8
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<path style="fill:#1689FC;" d="M13.195,498.805C21.343,506.954,32.593,512,45,512h212l15-21.865V280.136L257,257l-20.64-15H16.855
+		L0,257v210C0,479.407,5.046,490.657,13.195,498.805z"/>
+	<path style="fill:#1689FC;" d="M512,257V45c0-12.407-5.046-23.657-13.195-31.805S479.407,0,467,0H257l-15,20.641v213.111L257,257
+		l19.376,15h212.495L512,257z"/>
+</g>
+<path style="fill:#81C8EE;" d="M257,0H45C32.593,0,21.343,5.046,13.195,13.195S0,32.593,0,45v212h257V0z"/>
+<g>
+	<path style="fill:#E1E1E4;" d="M156.211,377l49.395-49.395c13.945-13.945-7.151-35.271-21.211-21.211L135,355.789l-49.395-49.395
+		c-13.945-13.945-35.271,7.151-21.211,21.211L113.789,377l-49.395,49.395c-14.003,14.003,7.208,35.214,21.211,21.211L135,398.211
+		l49.395,49.395c13.946,13.946,35.271-7.151,21.211-21.211L156.211,377z"/>
+	<path style="fill:#E1E1E4;" d="M195,120h-45V75c0-19.773-30-19.854-30,0v45H75c-19.773,0-19.854,30,0,30h45v45
+		c0,19.773,30,19.854,30,0v-45h45C214.773,150,214.854,120,195,120z"/>
+</g>
+<path style="fill:#D9D8DB;" d="M437,150H317c-19.773,0-19.854-30,0-30h120C456.773,120,456.854,150,437,150z"/>
+<path style="fill:#FE52A2;" d="M498.805,498.805C506.954,490.657,512,479.407,512,467V257H257v255h210
+	C479.407,512,490.657,506.954,498.805,498.805z"/>
+<g>
+	<path style="fill:#D9D8DB;" d="M437,362H317c-19.773,0-19.854-30,0-30h120C456.773,332,456.854,362,437,362z"/>
+	<path style="fill:#D9D8DB;" d="M437,422H317c-19.773,0-19.854-30,0-30h120C456.773,392,456.854,422,437,422z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/public/index.html b/public/index.html
index 72dec81..f11ade0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,13 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Roboto:wght@100;300;500&display=swap"
       rel="stylesheet"
     />
-    <title>Calc Game</title>
+    <link rel="icon" type="image/svg+xml" href="%PUBLIC_URL%/favicon.svg" />
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon.png" />
+    <title>dotCalc</title>
     <style>
       * {
         margin: 0;
diff --git a/public/manifest.json b/public/manifest.json
index 080d6c7..41d538a 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "dotCalc",
+  "name": "dotCalc",
   "icons": [
     {
       "src": "favicon.ico",
diff --git a/src/components/Background.jsx b/src/components/Background.jsx
index 905c753..32f4d43 100644
--- a/src/components/Background.jsx
+++ b/src/components/Background.jsx
@@ -47,6 +47,8 @@ const StyledBackground = styled.div`
   display: flex;
   align-items: ${(props) => (props.isMobile ? "flex-start" : "center")};
   justify-content: center;
+  overflow-y: auto;
+  overflow-x: hidden;
 `;
 
 export default Background;
diff --git a/src/components/Dropdown.jsx b/src/components/Dropdown.jsx
index 93e4017..608bfe7 100644
--- a/src/components/Dropdown.jsx
+++ b/src/components/Dropdown.jsx
@@ -1,14 +1,9 @@
 import React from "react";
 import styled from "styled-components";
 
-const Dropdown = ({ items, isMobile, onClick }) => {
+const Dropdown = ({ items, isMobile, id }) => {
   return (
-    <StyledSelect
-      onTouchEnd={onClick}
-      onClick={onClick}
-      isMobile={isMobile}
-      name="select"
-    >
+    <StyledSelect isMobile={isMobile} name="select" id={id}>
       {items.map((item) => {
         return <StyledOption value={item}>{item}</StyledOption>;
       })}
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
new file mode 100644
index 0000000..b45f534
--- /dev/null
+++ b/src/components/Footer.jsx
@@ -0,0 +1,23 @@
+import styled from "styled-components";
+
+const Footer = ({ children, isMobile }) => {
+  return (
+    <ContentWrapper isMobile={isMobile}>
+      <div>{children}</div>
+    </ContentWrapper>
+  );
+};
+
+const ContentWrapper = styled.div`
+  position: absolute;
+  bottom: 20px;
+  display: flex;
+  color: #ffffff;
+  font-family: "Lato", sans-serif;
+  text-shadow: 1px 1px 11px rgb(0 0 0 / 35%);
+  width: 100%;
+  ${(props) => (props.isMobile ? "font-size: 30px;" : "max-width: 570px;")}
+  justify-content: center;
+`;
+
+export default Footer;
diff --git a/src/components/MobileMainTitle.jsx b/src/components/MobileMainTitle.jsx
index 15cda49..d0d4592 100644
--- a/src/components/MobileMainTitle.jsx
+++ b/src/components/MobileMainTitle.jsx
@@ -6,10 +6,8 @@ import CalcIcon from "../icons/calculator.png";
 import { useSelector } from "react-redux";
 
 const MobileMainTitle = ({ children, hasIcon }) => {
-  const gameMode = useSelector((state) => state.game.gameDifficulty);
   return (
     <StyledContainer>
-      {gameMode}
       {hasIcon && <Icon src={CalcIcon} width={"170px"} />}
       <TitleText>{children}</TitleText>
     </StyledContainer>
diff --git a/src/pages/GamePage.jsx b/src/pages/GamePage.jsx
index 8d6854f..11c8fc1 100644
--- a/src/pages/GamePage.jsx
+++ b/src/pages/GamePage.jsx
@@ -11,6 +11,7 @@ import ButtonSection from "../components/ButtonSection";
 import CompareContainer from "../components/CompareContainer";
 import MobileContainer from "../components/MobileContainer";
 import MobileMainTitle from "../components/MobileMainTitle";
+import Footer from "../components/Footer";
 import MobileYourScoreContainer from "../components/MobileYourScoreContainer";
 
 import TitleContainer from "../components/TitleContainer";
@@ -26,6 +27,7 @@ const GamePage = () => {
           <TargetContainer />
           <YourScoreContainer />
           <CompareContainer />
+          <Footer>By QuatroV</Footer>
         </MainContainer>
       </BrowserView>
       <MobileView>
diff --git a/src/pages/StartPage.jsx b/src/pages/StartPage.jsx
index ef11b8a..82d2ec9 100644
--- a/src/pages/StartPage.jsx
+++ b/src/pages/StartPage.jsx
@@ -7,6 +7,7 @@ import MobileMainTitle from "../components/MobileMainTitle";
 import MainContainer from "../components/MainContainer";
 import Card from "../components/Card";
 import Dropdown from "../components/Dropdown";
+import Footer from "../components/Footer";
 import styled from "styled-components";
 
 import { gameDifficulties } from "../assets/constants";
@@ -17,14 +18,15 @@ import { Link } from "react-router-dom";
 import { useSelector, useDispatch } from "react-redux";
 import { gameInit } from "../store/gameSlice";
 import { BrowserView, MobileView } from "react-device-detect";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
 const StartPage = () => {
   const dispatch = useDispatch();
 
-  const handleClick = (e) => {
-    const { value } = e.target;
-    dispatch(setGameDifficulty(value));
+  const handleClick = () => {
+    const gameDifficulty = document.querySelector("#dropdown").value;
+    dispatch(setGameDifficulty(gameDifficulty));
+    dispatch(gameInit());
   };
 
   return (
@@ -49,17 +51,13 @@ const StartPage = () => {
           <Container>
             <StyledWrapper>
               <StyledDifficultyText>Difficulty:</StyledDifficultyText>
-              <Dropdown onClick={handleClick} items={gameDifficulties} />
-              <StyledLink
-                to="/game"
-                onClick={() => {
-                  dispatch(gameInit());
-                }}
-              >
+              <Dropdown id="dropdown" items={gameDifficulties} />
+              <StyledLink to="/game" onClick={handleClick}>
                 <Button type="primary">Start game</Button>
               </StyledLink>
             </StyledWrapper>
           </Container>
+          <Footer>By QuatroV</Footer>
         </MainContainer>
       </BrowserView>
       <MobileView>
@@ -81,13 +79,8 @@ const StartPage = () => {
         <MobileContainer>
           <StyledWrapper>
             <StyledDifficultyText>Difficulty:</StyledDifficultyText>
-            <Dropdown isMobile onClick={handleClick} items={gameDifficulties} />
-            <StyledMobileLink
-              to="/game"
-              onClick={() => {
-                dispatch(gameInit());
-              }}
-            >
+            <Dropdown isMobile id="dropdown" items={gameDifficulties} />
+            <StyledMobileLink to="/game" onClick={handleClick}>
               <Button isMobile type="primary">
                 Start game
               </Button>
