diff --git a/css/style.css b/css/style.css
index 5ed781a..159dee1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,12 +1,126 @@
+body{
+ margin: 0px;
+ padding: 0px;
+ font-family: Roboto Mono;
+}
+
+
+ul{
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
header{
- background-color: bisque;
+ background-color: rgb(153, 176, 241);
+ color: black;
+ margin: 0 auto;
+ position: fixed;
+ line-height: 75px;
+ width: 100%;
+ z-index: 1000;
}
nav{
display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+ align-items: center;
+ padding: 0 50px 0 50px;
+}
+
+.logo{
+ font-family: Kristi;
+ text-align: center;
+ justify-content: center;
+ flex: 1 1 0;
+}
+
+a.logo{
+ text-decoration: none;
+ color: black;
+ font-size: 50px;
+}
+
+.navigation-buttons{
+ font-family: Roboto Mono;
+ font-size: 16px;
+ display: flex;
+ justify-content: flex-start;
+ flex: 1 1 0;
+}
+
+.navigation-buttons li{
+ transition: 0.15s;
+}
+
+.navigation-buttons li a{
+ text-decoration: none;
+ color: black;
+ padding: 0px 15px;
+ transition: 0.15s;
+}
+
+.navigation-buttons li:hover{
+ border-top: 3px solid black;
+}
+
+.navigation-buttons li:active{
+ border-top: 3px solid white;
+}
+
+.navigation-buttons li a:active{
+ color:white;
+ font-weight: bolder;
}
.socialmedia-buttons{
- width: 100px;
- height: 100px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ margin: 0;
+ flex: 1 1 0;
+}
+
+.socialmedia-buttons img {
+ display: flex;
+ width: 35px;
+ height: 35px;
+ margin: 0 7px;
+ align-items: center;
+}
+
+main{
+ position: relative;
+ width: 100%;
+ height: 550px;
+ margin-top: 75px;
+}
+
+.featured-video{
+ position: absolute;
+}
+
+.featured-video iframe{
+ width:100%;
+ height: 100%;
+}
+
+.listen-now-button{
+ margin: 15px 0;
+ display: block;
+ text-align: center;
+ width: 90%;
+ height: 45px;
+ background-color: white;
+ border: 3px solid rgb(66, 66, 66);
+ border-radius: 5px;
+}
+
+.listen-now-button a{
+ text-decoration: none;
+ color: black;
+ font-family: Roboto Mono;
+ font-size: 28px;
+ letter-spacing: 30px;
}
\ No newline at end of file
diff --git a/html/index.html b/html/index.html
index cbb121d..5e4c7db 100644
--- a/html/index.html
+++ b/html/index.html
@@ -4,32 +4,42 @@
+
+
+
Home | Laufey
+
+
+
+
+