diff --git a/style.css b/style.css
index 0a24ed0..3164e76 100644
--- a/style.css
+++ b/style.css
@@ -115,6 +115,61 @@ body{
      height: auto;
    }
 
+   #projects{
+     margin: auto;
+   }
+
+   #projectContainer{
+     width: 100%;
+     display: flex;
+     flex-direction: row;
+     flex-wrap: wrap;
+     justify-content: space-around;
+   }
+
+   .project{
+     width: 80%;
+     max-width: 450px;
+     height: auto;
+     background: var(--theme1);
+     border-radius: var(--borderRadius);
+     margin: var(--margin);
+     padding: 0 var(--padding) var(--padding) 0;
+   }
+
+   .project img{
+     width: 30%;
+     height: auto;
+     border-top-left-radius: var(--borderRadius);
+   }
+
+   .project h3{
+     width: calc(70% - (2 * var(--margin)));
+     height: auto;
+     float: right;
+     margin: var(--margin);
+   }
+
+   .project p{
+     margin: var(--padding);
+   }
+
+   .project button{
+     width: 80%;
+     height: auto;
+     margin: var(--padding);
+     padding: 10px;
+     font-size: 1rem;
+     background: var(--theme2);
+     color: #fff;
+     border: 2px solid #fff;
+     border-radius: var(--borderRadius);
+   }
+
+   .project button:hover{
+     background: var(--theme1);
+   }
+
    #footer{
      margin: 0;
      padding: 0;