diff --git a/portfolio/static/css/style.css b/portfolio/static/css/style.css
index 36bd6e3d53e1a1222ba25f37cec8f226ce39fdd3..ba5d58fabd0b88fb738eef77b18c75bcd877ec7a 100644
--- a/portfolio/static/css/style.css
+++ b/portfolio/static/css/style.css
@@ -345,6 +345,10 @@ main {
background-color: #2A3139;
}
+.port-body{
+ background-color: #222831;
+}
+
.port-footer{
background-color: #393E46;
diff --git a/portfolio/templates/portfolio.html b/portfolio/templates/portfolio.html
index 06370ec7d196f32ee6d2cd959290cdbb95a68f3a..07bd60c6de1647f07a7e89a09d874727179436ea 100644
--- a/portfolio/templates/portfolio.html
+++ b/portfolio/templates/portfolio.html
@@ -31,7 +31,7 @@
</head>
-<body>
+<body class="port-body">
<div class="port-container d-flex flex-row-reverse">
<span><a href="mailto:{{user.email}}" class="contact-btn btn">Contact me</a></span>
{% if user.resume %}