diff --git a/docusaurus.config.js b/docusaurus.config.js
index 9ba3e77..08b66f2 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -67,7 +67,7 @@ const config = {
         title: 'PyTorch Basics',
         logo: {
           alt: 'My Site Logo',
-          src: 'img/jupisaurus.png',
+          src: 'img/pytorch-logo.svg',
         },
         items: [
           {
diff --git a/src/css/custom.css b/src/css/custom.css
index e7f3831..c45ae98 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -6,7 +6,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #e68611;
+  --ifm-color-primary: #EE4C2C;
   --ifm-color-primary-dark: #29784c;
   --ifm-color-primary-darker: #277148;
   --ifm-color-primary-darkest: #205d3b;
diff --git a/static/img/pytorch-logo.png b/static/img/pytorch-logo.png
new file mode 100755
index 0000000..5eaf26c
Binary files /dev/null and b/static/img/pytorch-logo.png differ
diff --git a/static/img/pytorch-logo.svg b/static/img/pytorch-logo.svg
new file mode 100755
index 0000000..134baf3
--- /dev/null
+++ b/static/img/pytorch-logo.svg
@@ -0,0 +1,6 @@
+<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg">
+    <g fill="#EE4C2C" fill-rule="evenodd">
+        <path d="M748.357 820.785c-137.11 137.11-359.413 137.11-496.524 0-137.11-137.111-137.11-359.413 0-496.523L500.096 76v124.13l-.064-.062-22.145 22.147-164.051 164.049.063.063c-102.834 102.833-102.834 269.56 0 372.393 102.833 102.833 269.56 102.833 372.393 0 102.834-102.833 102.834-269.56 0-372.393l62.065-62.065c137.11 137.11 137.11 359.412 0 496.523"/>
+        <path d="M656.314 294.53c17.826-17.825 17.826-46.724 0-64.548-17.823-17.825-46.723-17.825-64.548 0-17.824 17.824-17.824 46.723 0 64.548 17.825 17.824 46.725 17.824 64.548 0"/>
+    </g>
+</svg>