diff --git a/MyPortfolio/static/images/background.png b/MyPortfolio/static/images/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..8444b37a9ee5e4050485c42f1a4fff58523c9302
Binary files /dev/null and b/MyPortfolio/static/images/background.png differ
diff --git a/MyPortfolio/static/style/main.css b/MyPortfolio/static/style/main.css
new file mode 100644
index 0000000000000000000000000000000000000000..9cd8d59e562cb3ca45eff480e0c983dd7a4f8d96
--- /dev/null
+++ b/MyPortfolio/static/style/main.css
@@ -0,0 +1,120 @@
+html, body {
+ /* STYLING */
+ background-image: url("../images/background.png");
+ background-repeat: repeat;
+ background-color: #151515;
+ color: whitesmoke;
+ font-family: "Afacad Flux", sans-serif;
+ font-optical-sizing: auto;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ /* SIZING */
+ margin:0;
+ padding:0;
+ height:100%;
+ max-width: 100%;
+}
+
+
+
+header {
+ /* STYLING */
+ background:rgba(15,15,15,0.5);
+
+
+ /* DEBUG */
+ /*border: red;
+ border-style: solid;*/
+
+ /* SIZING */
+ height: 80px;
+ width: 100%;
+
+ display: flex;
+ justify-content: center;
+
+}
+
+.logo {
+ margin-top: -1px;
+ font-size:7px;
+ padding-right: 55px;
+}
+
+header ul {
+ list-style-type: none;
+}
+
+header li {
+ float: left;
+
+}
+
+header a {
+
+ display: inline-block;
+
+ font-size: x-large;
+ color: whitesmoke;
+ text-decoration: none;
+ margin-right: 65px;
+
+ padding-top: 5px
+}
+
+
+
+.content-container {
+
+ /* STYLING */
+ background:rgba(15,15,15,0.9);
+
+ /* SIZING */
+ min-height: 59.55%;
+ padding-bottom: 150px;
+ width: 100%;
+
+}
+
+
+
+footer {
+ /* STYLING */
+ background:rgba(15,15,15,0.5);
+
+ /* DEBUG */
+
+ /* SIZING */
+ position: relative;
+ right: 0;
+
+ bottom:0;
+ width:100%;
+ height:150px;
+
+ margin-right: auto;
+ margin-left: auto;
+
+ display: flex;
+ justify-content: space-evenly;
+ align-items:baseline;
+
+}
+
+footer p {
+ font-size: large;
+ font-weight: bold;
+ color: whitesmoke;
+}
+
+footer a {
+ position: absolute;
+ font-size: medium;
+ font-weight: normal;
+ color: #959595;
+ text-decoration:underline;
+}
+
+footer ul {
+ list-style: none;
+}
\ No newline at end of file
diff --git a/MyPortfolio/templates/template.html b/MyPortfolio/templates/template.html
index 4d3bd53513459dc551cba29da3d9e0d4adb00185..0085228b819d1837c7ac3e94ddc167fa39040446 100644
--- a/MyPortfolio/templates/template.html
+++ b/MyPortfolio/templates/template.html
@@ -8,21 +8,16 @@
</head>
<body>
<header>
- <pre class="logo">
-
-
-██████╗ ██╗ ██████╗
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="techniques.html">Techniques</a></li>
+ <li><pre class="logo">
+██████╗ ██╗ ██████╗
██╔â•â•â–ˆâ–ˆâ•—██║██╔â•â•â•â–ˆâ–ˆâ•—
██████╔â•â–ˆâ–ˆâ•‘██║ ██║
██╔â•â•â•â• ██║██║ ██║
██║██╗ ██║╚██████╔â•
-â•šâ•â•â•šâ•â• â•šâ•â• â•šâ•â•â•â•â•â•
-
-
- </pre>
- <ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="techniques.html">Techniques</a></li>
+â•šâ•â•â•šâ•â• â•šâ•â• â•šâ•â•â•â•â•â•</pre></li>
<li><a href="list.html">Projects</a></li>
<li><a href="https://github.com/olma957">GitHub</a></li>
</ul>