diff --git a/components/artCard.js b/components/artCard.js
new file mode 100644
index 0000000..a34dc07
--- /dev/null
+++ b/components/artCard.js
@@ -0,0 +1,21 @@
+import React from "react";
+import ArtCardStyle from "./artCard.style";
+
+function SkillCard({ title, description, image }) {
+  return (
+    <ArtCardStyle>
+      <div className="card">
+        {image && (
+          <div className="card-logo">
+            <img src={image} height="30" />
+          </div>
+        )}
+        <div className="date">{title}</div>
+        <div className="content">{description}</div>
+        <footer className="footer"></footer>
+      </div>
+    </ArtCardStyle>
+  );
+}
+
+export default SkillCard;
diff --git a/components/artCard.style.jsx b/components/artCard.style.jsx
new file mode 100644
index 0000000..61af6fe
--- /dev/null
+++ b/components/artCard.style.jsx
@@ -0,0 +1,20 @@
+import styled from "styled-components";
+
+export default styled.div`
+  width: 33.33%;
+  padding: 10px;
+  .card {
+    background-color: var(--color1);
+    padding: 15px;
+    width: 100%;
+    height: auto;
+    border-radius: 5px;
+    transition: 0.1s;
+    :hover {
+      transform: scale(1.1);
+    }
+  }
+  .card-logo {
+    float: right;
+  }
+`;
diff --git a/components/contact.js b/components/contact.js
index a23a424..a1db578 100644
--- a/components/contact.js
+++ b/components/contact.js
@@ -3,7 +3,127 @@ import { name } from "config";
 import { ContactStyle } from "./contact.style";
 
 function Contact() {
-  return <ContactStyle>Contact will be here</ContactStyle>;
+  const [input, setInput] = React.useState({
+    senderName: "",
+    email: "",
+    message: "",
+    topic: "",
+  });
+  function changeInput(evt) {
+    const { name, value } = evt.target;
+    setInput({
+      ...input,
+      [name]: value,
+    });
+  }
+  function submitForm(evt) {
+    evt.preventDefault();
+    console.log(input);
+  }
+  return (
+    <ContactStyle>
+      <div className="form-group-main row">
+        <div className="column">
+          <div className="prewritten-info">
+            <div className="prewritten-info-content">
+              <h2>Contact Me</h2>
+              <br />
+              <p>
+                If you have any questions, feel free to contact me. I am always
+                open to discussing new projects and opportunities.
+              </p>
+              <br />
+              <p>
+                <h3>
+                  <strong>Email:</strong>
+                </h3>
+                <br />
+                <a href="mailto:me@bravo68web.me">me@bravo68web.me</a>
+              </p>
+              <br />
+              <p>
+                <h3>
+                  <strong>Phone:</strong>
+                </h3>
+                <br />
+                <a href="tel:+916291559872">+91 6291559872</a>
+              </p>
+              <br />
+              <p>
+                <h3>
+                  <strong>Discord:</strong>
+                </h3>
+                <br />
+                <a href="https://discord.com/users/457039372009865226">
+                  Bravo68-DF_Techs#6429
+                </a>
+              </p>
+            </div>
+          </div>
+        </div>
+        <div className="column">
+          <form onSubmit={submitForm} className="contact-us">
+            <div className="form-group">
+              <label htmlFor="email">Email Address </label>
+              <br />
+              <input
+                name="email"
+                required
+                value={input.email}
+                onChange={changeInput}
+                type="email"
+                className="form-control"
+                id="email"
+                placeholder="Your email"
+              />
+            </div>
+            <div className="form-group">
+              <label htmlFor="senderName">Your Name </label>
+              <br />
+              <input
+                name="senderName"
+                value={input.senderName}
+                onChange={changeInput}
+                type="text"
+                className="form-control"
+                id="senderName"
+                placeholder="Your Name"
+              />
+            </div>
+            <div className="form-group">
+              <label htmlFor="topic">Subject </label>
+              <br />
+              <input
+                name="topic"
+                value={input.topic}
+                onChange={changeInput}
+                type="text"
+                className="form-control"
+                id="topic"
+                placeholder="I want to talk about..."
+              />
+            </div>
+            <div className="form-group">
+              <label htmlFor="senderName">Message </label>
+              <br />
+              <textarea
+                name="message"
+                value={input.message}
+                onChange={changeInput}
+                type="text"
+                className="form-control"
+                id="message"
+                placeholder="Your message"
+              />
+            </div>
+            <button type="submit" className="btn btn-primary">
+              Submit
+            </button>
+          </form>
+        </div>
+      </div>
+    </ContactStyle>
+  );
 }
 
 export default Contact;
diff --git a/components/contact.style.jsx b/components/contact.style.jsx
index 582377e..01ef8d5 100644
--- a/components/contact.style.jsx
+++ b/components/contact.style.jsx
@@ -1,3 +1,243 @@
 import styled from "styled-components";
 
-export const ContactStyle = styled.div``;
+export const ContactStyle = styled.div`
+  padding: 10%;
+  align-items: center;
+  display: flex;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  background-image: url("images/background2.jpg");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  .row {
+    display: flex;
+  }
+
+  .column {
+    flex: 50%;
+  }
+
+  /* .form-group-main {
+    background: rgb(2, 0, 28);
+    border-radius: 10px;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    background: linear-gradient(
+      142deg,
+      rgba(2, 0, 28, 1) 0%,
+      rgba(9, 9, 121, 1) 35%,
+      rgba(0, 212, 255, 1) 100%
+    );
+    height: 40vh;
+    width: 75%;
+  } */
+  @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
+  body {
+    background: #2d3b36 url(http://www.luismruiz.com/img/blured.jpg) no-repeat
+      center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    padding-top: 100px;
+  }
+
+  form {
+    margin-left: auto;
+    margin-right: auto;
+    width: 343px;
+    height: 510px;
+    padding: 30px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background: rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    overflow: hidden;
+  }
+
+  .prewritten-info {
+    margin-left: auto;
+    margin-right: auto;
+    width: 343px;
+    height: 510px;
+    padding: 30px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background: rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    overflow: hidden;
+  }
+
+  .prewritten-info-content {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  textarea {
+    /* background: rgba(255, 255, 255, 0.4)
+      url(http://luismruiz.com/img/gemicon_message.png) no-repeat scroll 16px
+      16px; */
+    width: 276px;
+    resize: none;
+    height: 110px;
+    border: 1px solid rgba(255, 255, 255, 0.6);
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    display: block;
+    font-family: "Source Sans Pro", sans-serif;
+    font-size: 18px;
+    color: #fff;
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-top: 12px;
+    margin-bottom: 20px;
+    overflow: hidden;
+  }
+
+  input {
+    width: 276px;
+    height: 48px;
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    display: block;
+    font-family: "Source Sans Pro", sans-serif;
+    font-size: 18px;
+    color: #000000;
+    padding-left: 20px;
+    padding-right: 20px;
+    margin-bottom: 20px;
+  }
+
+  .message-input {
+    height: 90px;
+  }
+
+  input[type="submit"] {
+    cursor: pointer;
+  }
+
+  input.name {
+    padding-left: 45px;
+  }
+
+  input.email {
+    padding-left: 45px;
+  }
+
+  input.message {
+    padding-left: 45px;
+  }
+  input.topic {
+    padding-left: 45px;
+  }
+  ::-webkit-input-placeholder {
+    color: #fff;
+  }
+
+  :-moz-placeholder {
+    color: #fff;
+  }
+
+  ::-moz-placeholder {
+    color: #fff;
+  }
+
+  :-ms-input-placeholder {
+    color: #fff;
+  }
+
+  input:focus,
+  textarea:focus {
+    background-color: rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
+    box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
+    overflow: hidden;
+    color: #fff;
+  }
+
+  .btn {
+    width: 138px;
+    height: 44px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    float: right;
+    /* border: 1px solid rgba(0, 0, 0, 0.2); */
+    border: 1px solid #253737;
+
+    background: rgb(131, 58, 180);
+    background: linear-gradient(
+      90deg,
+      rgba(131, 58, 180, 1) 0%,
+      rgba(253, 29, 29, 1) 50%,
+      rgba(252, 176, 69, 1) 100%
+    );
+    padding: 10.5px 21px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0,
+      inset rgba(255, 255, 255, 0.7) 0 1px 0;
+    -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0,
+      inset rgba(255, 255, 255, 0.7) 0 1px 0;
+    box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0,
+      inset rgba(255, 255, 255, 0.7) 0 1px 0;
+    text-shadow: #333333 0 1px 0;
+    color: #e1e1e1;
+  }
+
+  .btn:hover {
+    border: 1px solid #253737;
+    text-shadow: #333333 0 1px 0;
+    background: rgb(131, 58, 180);
+    background: linear-gradient(
+      90deg,
+      rgba(131, 58, 180, 1) 0%,
+      rgba(253, 29, 29, 1) 50%,
+      rgba(252, 176, 69, 1) 100%
+    );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc466b",endColorstr="#3f5efb",GradientType=1);
+    color: #fff;
+  }
+
+  .btn:active {
+    margin-top: 1px;
+    text-shadow: #333333 0 -1px 0;
+    border: 1px solid #253737;
+    background: rgb(131, 58, 180);
+    background: linear-gradient(
+      90deg,
+      rgba(131, 58, 180, 1) 0%,
+      rgba(253, 29, 29, 1) 50%,
+      rgba(252, 176, 69, 1) 100%
+    );
+  }
+`;
diff --git a/components/discord-activity.jsx b/components/discord-activity.jsx
index 5a82d74..d12dcec 100644
--- a/components/discord-activity.jsx
+++ b/components/discord-activity.jsx
@@ -1,31 +1,30 @@
 import React, { useEffect, useState } from "react";
 import { DicordActivityStyle } from "./discord-activity.style";
 import { useLanyard } from "react-use-lanyard";
+import { discord_id } from "config";
 
 /* <pre>{!loading && JSON.stringify(status, null, 4)}</pre>; */
-var pickedStatus = "";
 
+const customStatus = [
+  "Searching for Cat Girls",
+  "Watching Anime",
+  "Sleeping",
+  "Studying",
+];
+const statusPicker = () => {
+  return customStatus[Math.floor(Math.random() * customStatus.length)];
+};
 export default function DiscordActivity() {
-  const { loading, status /*, websocket */ } = useLanyard({
-    userId: "457039372009865226",
+  const { loading, status } = useLanyard({
+    userId: discord_id,
     socket: true,
   });
   const [time, setTime] = useState("00:00:00 elapsed");
+  const [pickedStatus] = useState(statusPicker());
   const padTo2Digits = (num) => {
     return num.toString().padStart(2, "0");
   };
-  const customStatus = [
-    "Searching for Cat Girls",
-    "Watching Anime",
-    "Sleeping",
-    "Studying",
-  ];
-  const statusPicker = () => {
-    if (pickedStatus === "")
-      pickedStatus =
-        customStatus[Math.floor(Math.random() * customStatus.length)];
-    return pickedStatus;
-  };
+
   const convertMsToHM = (milliseconds) => {
     let seconds = Math.floor(milliseconds / 1000);
     let minutes = Math.floor(seconds / 60);
@@ -57,8 +56,6 @@ export default function DiscordActivity() {
       clearInterval(interval);
     };
   }, [currentTs, loading]);
-  // console.log(status?.discord_status);
-  // console.log(status?.activities.length);
   if (
     !loading &&
     (status.discord_status === "online" ||
@@ -106,7 +103,7 @@ export default function DiscordActivity() {
       );
     } else {
       // console.log("Hmmm Recv");
-      if (status.activities[1].name === "Spotify") {
+      if (status.activities[1]?.name === "Spotify") {
         return (
           <DicordActivityStyle>
             {!loading && (
@@ -283,7 +280,7 @@ export default function DiscordActivity() {
           </div>
           <br />
           <div className="discord-message-files">
-            <b>{statusPicker()}</b>
+            <b>{pickedStatus}</b>
           </div>
           {/* <div className="time-elapsed">00:00:00 elapsed</div> */}
         </div>
diff --git a/components/main.jsx b/components/main.jsx
index e585139..7319d12 100644
--- a/components/main.jsx
+++ b/components/main.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import MainStyle from "./main.style";
 import IconButton from "@mui/material/IconButton";
-import Button from "@mui/material/Button";
+// import Button from "@mui/material/Button";
 import GitHubIcon from "@mui/icons-material/GitHub";
 import TwitterIcon from "@mui/icons-material/Twitter";
 import LinkedInIcon from "@mui/icons-material/LinkedIn";
@@ -13,8 +13,8 @@ import {
   linkedin_url,
   facebook_url,
   twitter_url,
-  email,
-  resume_url,
+  // email,
+  // resume_url,
   instagram_url,
 } from "config";
 import DiscordActivity from "./discord-activity";
@@ -24,7 +24,11 @@ function Main() {
     <MainStyle>
       <div className="content">
         <div className="profile">
-          <img src="/images/profile.png" alt="" />
+          <img
+            src="/images/profile-new-transp.png"
+            alt=""
+            class="profile-img"
+          />
         </div>
         <div className="name">{name}</div>
         <br />
diff --git a/components/main.style.jsx b/components/main.style.jsx
index 35e0e05..adc63d9 100644
--- a/components/main.style.jsx
+++ b/components/main.style.jsx
@@ -10,6 +10,26 @@ export default styled.main`
   background-image: url("/images/background.jpg");
   background-size: cover;
   background-position: center;
+  .profile-img {
+    border-radius: 50%;
+    background: rgb(251, 167, 63);
+    background: -moz-radial-gradient(
+      circle,
+      rgba(251, 167, 63, 1) 0%,
+      rgba(252, 70, 107, 1) 100%
+    );
+    background: -webkit-radial-gradient(
+      circle,
+      rgba(251, 167, 63, 1) 0%,
+      rgba(252, 70, 107, 1) 100%
+    );
+    background: radial-gradient(
+      circle,
+      rgba(251, 167, 63, 1) 0%,
+      rgba(252, 70, 107, 1) 100%
+    );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fba73f",endColorstr="#fc466b",GradientType=1);
+  }
 
   .backimage {
     filter: blur(8px);
diff --git a/components/nav.jsx b/components/nav.jsx
index d5fd083..4d12941 100644
--- a/components/nav.jsx
+++ b/components/nav.jsx
@@ -6,6 +6,7 @@ import IconButton from "@mui/material/IconButton";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import MenuIcon from "@mui/icons-material/Menu";
+import { discord_id } from "config";
 
 const LINKS = [
   {
@@ -17,14 +18,26 @@ const LINKS = [
     href: "/resume",
   },
   {
-    title: "Mail Me",
-    href: "mailto:me@bravo68web.me",
+    title: "Contact",
+    href: "/contact",
   },
+  {
+    title: "Art",
+    href: "/art",
+  },
+  {
+    title: "Blog",
+    href: "https://blog.bravo68web.me",
+  },
+  // {
+  //   title: "Mail Me",
+  //   href: "mailto:me@bravo68web.me",
+  // },
 ];
 
 function Nav() {
   const { loading, status /*, websocket */ } = useLanyard({
-    userId: "457039372009865226",
+    userId: discord_id,
     socket: true,
   });
 
@@ -39,7 +52,7 @@ function Nav() {
 
   return (
     <NavStyle>
-      <Link href="/">
+      <Link href="/" passHref>
         <div className="title">
           <h1>echo &quot;Bravo&quot;</h1>
           <div className="indicator">
@@ -85,7 +98,7 @@ function Nav() {
           }}
         >
           {LINKS.map(({ title, href }, index) => (
-            <MenuItem onClick={handleClose}>
+            <MenuItem key={index} onClick={handleClose}>
               <Link href={href}>{title}</Link>
             </MenuItem>
           ))}
diff --git a/components/skills.jsx b/components/skills.jsx
index c556546..00c904f 100644
--- a/components/skills.jsx
+++ b/components/skills.jsx
@@ -20,8 +20,10 @@ function Skills() {
     //     console.log(err);
     //   });
 
-    const interval = setInterval(() => {
-      let [valid, skill] = APISDK.req();
+    const interval = setTimeout(async () => {
+      console.log("requesting");
+      console.log(await APISDK.req());
+      console.log(APISDK.data);
       if (valid) {
         setSkills(skill);
         setLoading(false);
diff --git a/config.js b/config.js
index 8236a44..523d716 100644
--- a/config.js
+++ b/config.js
@@ -9,3 +9,5 @@ export const address = "";
 export const website = "https://bravo68web.com";
 export const resume_url = "";
 export const facebook_url = "https://www.facebook.com/Bravo68Web/";
+export const discord_id = "457039372009865226";
+export const discord_profile = "";
diff --git a/handlers/requester.js b/handlers/requester.js
index 559250b..5017ef7 100644
--- a/handlers/requester.js
+++ b/handlers/requester.js
@@ -1,18 +1,18 @@
 import axios from "./axios";
 
-export const tempEndpoint = (endpoint) => {
+export const tempEndpoint = async (endpoint, data) => {
   let response = [false, { error: "Error" }];
+
   var reqPromise = axios
     .get(endpoint)
     .then((res) => {
-      console.log(res.data);
+      data.github = res.data;
       response = [true, res.data];
     })
     .catch((err) => {
       console.log(err);
       response = [false, err];
     });
-  Promise.all(reqPromise).then(() => {
-    return response;
-  });
+  await Promise.all([reqPromise]);
+  return response;
 };
diff --git a/handlers/sdk.js b/handlers/sdk.js
index ec0ec8f..6ef5df2 100644
--- a/handlers/sdk.js
+++ b/handlers/sdk.js
@@ -12,7 +12,8 @@ import { tempEndpoint } from "./requester";
 // twitter_tweets,
 
 export const APISDK = {
+  data: {},
   req() {
-    return tempEndpoint("/me/github/userdata");
+    return tempEndpoint("https://api.github.com/users/bravo68web", this.data);
   },
 };
diff --git a/next.config.js b/next.config.js
index 0d60710..e6a52bf 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,3 +1,7 @@
 module.exports = {
   reactStrictMode: true,
-}
+  compiler: {
+    // ssr and displayName are configured by default
+    styledComponents: true,
+  },
+};
diff --git a/pages/_document.js b/pages/_document.js
deleted file mode 100644
index ac22a6d..0000000
--- a/pages/_document.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import Document from "next/document";
-import { ServerStyleSheet } from "styled-components";
-
-export default class MyDocument extends Document {
-	static async getInitialProps(ctx) {
-		const sheet = new ServerStyleSheet();
-		const originalRenderPage = ctx.renderPage;
-
-		try {
-			ctx.renderPage = () =>
-				originalRenderPage({
-					enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />),
-				});
-
-			const initialProps = await Document.getInitialProps(ctx);
-			return {
-				...initialProps,
-				styles: (
-					<>
-						{initialProps.styles}
-						{sheet.getStyleElement()}
-					</>
-				),
-			};
-		} finally {
-			sheet.seal();
-		}
-	}
-}
diff --git a/public/images/background2.jpg b/public/images/background2.jpg
new file mode 100644
index 0000000..eb6d305
Binary files /dev/null and b/public/images/background2.jpg differ
diff --git a/public/images/new.png b/public/images/new.png
new file mode 100644
index 0000000..e89d733
Binary files /dev/null and b/public/images/new.png differ
diff --git a/public/images/newOrg.png b/public/images/newOrg.png
new file mode 100644
index 0000000..40cb339
Binary files /dev/null and b/public/images/newOrg.png differ
diff --git a/public/images/profile-new-transp.png b/public/images/profile-new-transp.png
new file mode 100644
index 0000000..37ba4e6
Binary files /dev/null and b/public/images/profile-new-transp.png differ
diff --git a/yarn.lock b/yarn.lock
index 139f52a..ccc64a3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -115,13 +115,6 @@
     core-js-pure "^3.19.0"
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.17.2":
-  version "7.17.8"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.8.tgz#3e56e4aff81befa55ac3ac6a0967349fd1c5bca2"
-  integrity sha512-dQpEpK0O9o6lj6oPu0gRDbbnk+4LeHlNcBpspf6Olzt3GIX4P1lWF1gS+pHLDFlaJvbR6q7jCfQ08zA4QJBnmA==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
 "@babel/runtime@^7.10.2", "@babel/runtime@^7.16.3":
   version "7.16.3"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.16.3.tgz#b86f0db02a04187a3c17caa77de69840165d42d5"
@@ -136,6 +129,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.17.2":
+  version "7.17.8"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.8.tgz#3e56e4aff81befa55ac3ac6a0967349fd1c5bca2"
+  integrity sha512-dQpEpK0O9o6lj6oPu0gRDbbnk+4LeHlNcBpspf6Olzt3GIX4P1lWF1gS+pHLDFlaJvbR6q7jCfQ08zA4QJBnmA==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.16.0":
   version "7.16.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.0.tgz#d16a35ebf4cd74e202083356fab21dd89363ddd6"
@@ -518,11 +518,6 @@
   resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.1.0.tgz#7f698254aadf921e48dda8c0a6b304026b8a9323"
   integrity sha512-JLo+Y592QzIE+q7Dl2pMUtt4q8SKYI5jDrZxrozEQxnGVOyYE+GWK9eLkwTaeN9DDctlaRAQ3TBmzZ1qdLE30A==
 
-"@types/json-schema@^7.0.8":
-  version "7.0.11"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
-  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
-
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
@@ -620,12 +615,7 @@ acorn@^7.4.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-
-ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.12.4:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -774,11 +764,6 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -1001,11 +986,6 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
 enquirer@^2.3.5:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -1324,14 +1304,6 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
-file-loader@^6.0.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
-  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
-
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -1713,11 +1685,6 @@ json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
-
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -1760,15 +1727,6 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
-loader-utils@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.2.tgz#d6e3b4fb81870721ae4e0868ab11dd638368c129"
-  integrity sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -1806,26 +1764,6 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-make-cancellable-promise@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/make-cancellable-promise/-/make-cancellable-promise-1.1.0.tgz#b4e9fcb31db3a27417e44f80cffa598ec9ac9f4e"
-  integrity sha512-X5Opjm2xcZsOLuJ+Bnhb4t5yfu4ehlA3OKEYLtqUchgVzL/QaqW373ZUVxVHKwvJ38cmYuR4rAHD2yUvAIkTPA==
-
-make-event-props@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/make-event-props/-/make-event-props-1.3.0.tgz#2434cb390d58bcf40898d009ef5b1f936de9671b"
-  integrity sha512-oWiDZMcVB1/A487251hEWza1xzgCzl6MXxe9aF24l5Bt9N9UEbqTqKumEfuuLhmlhRZYnc+suVvW4vUs8bwO7Q==
-
-merge-class-names@^1.1.1:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/merge-class-names/-/merge-class-names-1.4.2.tgz#78d6d95ab259e7e647252a7988fd25a27d5a8835"
-  integrity sha512-bOl98VzwCGi25Gcn3xKxnR5p/WrhWFQB59MS/aGENcmUc6iSm96yrFDF0XSNurX9qN4LbJm0R9kfvsQ17i8zCw==
-
-merge-refs@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/merge-refs/-/merge-refs-1.0.0.tgz#388348bce22e623782c6df9d3c4fc55888276120"
-  integrity sha512-WZ4S5wqD9FCR9hxkLgvcHJCBxzXzy3VVE6p8W2OzxRzB+hLRlcadGE2bW9xp2KSzk10rvp4y+pwwKO6JQVguMg==
-
 merge2@^1.3.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
@@ -2039,11 +1977,6 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pdfjs-dist@2.12.313:
-  version "2.12.313"
-  resolved "https://registry.yarnpkg.com/pdfjs-dist/-/pdfjs-dist-2.12.313.tgz#62f2273737bb956267ae2e02cdfaddcb1099819c"
-  integrity sha512-1x6iXO4Qnv6Eb+YFdN5JdUzt4pAkxSp3aLAYPX93eQCyg/m7QFzXVWJHJVtoW48CI8HCXju4dSkhQZwoheL5mA==
-
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -2132,22 +2065,6 @@ react-is@^17.0.2:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
-react-pdf@^5.7.2:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/react-pdf/-/react-pdf-5.7.2.tgz#c458dedf7983822668b40dcac1eae052c1f6e056"
-  integrity sha512-hdDwvf007V0i2rPCqQVS1fa70CXut17SN3laJYlRHzuqcu8sLLjEoeXihty6c0Ev5g1mw31b8OT8EwRw1s8C4g==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    file-loader "^6.0.0"
-    make-cancellable-promise "^1.0.0"
-    make-event-props "^1.1.0"
-    merge-class-names "^1.1.1"
-    merge-refs "^1.0.0"
-    pdfjs-dist "2.12.313"
-    prop-types "^15.6.2"
-    tiny-invariant "^1.0.0"
-    tiny-warning "^1.0.0"
-
 react-transition-group@^4.4.2:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
@@ -2250,15 +2167,6 @@ scheduler@^0.20.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-schema-utils@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
-  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
 semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
@@ -2443,16 +2351,6 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
-tiny-invariant@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.2.0.tgz#a1141f86b672a9148c72e978a19a73b9b94a15a9"
-  integrity sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==
-
-tiny-warning@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
-  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
-
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"