diff --git a/css/styles.css b/css/styles.css
index f8684d4..1a175c6 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,3 +1,9 @@
+*{
+ margin: 0;
+ padding: 0;
+ font-family: 'Poppins', sans-serif;
+}
+
body{
margin: 0;
background-color:#202F37;
@@ -5,37 +11,29 @@ body{
text-align: center;
}
-.topnav {
- background-color: #172933; /* Set the background color */
- overflow: hidden; /* Hide overflowing content */
+.header{
+ min-height: 100vh;
width: 100%;
- padding: 30px;
- border-bottom: 2px solid aliceblue;
-
- }
-
- .topnav a {
- float: center; /* Float the navigation links to the left */
- color: #f2f2f2; /* Set the text color */
- text-align: center; /* Center-align the text */
- padding: 20px 28px; /* Add padding around the links */
- text-decoration: none; /* Remove underline from links */
- font-size: 20px;
- border-top-left-radius:30px;
- border-bottom-left-radius:30px;
- border-top-right-radius:30px;
- border-bottom-right-radius:30px;
- }
-
- .topnav a:hover {
- background-color: #ddd; /* Change the background color on hover */
- color: black; /* Change the text color on hover */
- }
-
- .topnav a.active {
- background-color: #FFC92F; /* Set the active link's background color */
- color: black; /* Set the active link's text color */
- }
+}
+nav{
+ display: flex;
+ padding: 2% 6%;
+ justify-content: space-between;
+ align-items: center;
+}
+nav img{
+ width: 150px;
+}
+.nav-links{
+ flex: 1;
+ text-align: right;
+}
+.nav-links ul li{
+ list-style: none;
+ display: inline-block;
+ padding: 8px 12px;
+ position: relative;
+}
p{
text-align: center;
@@ -88,6 +86,7 @@ h2, h3{
}
img{
border-radius: 5px;
+ float: left;
}
@media only screen and (max-width: 900px) {
.blog-post{
@@ -118,7 +117,9 @@ select{
select:focus{
outline:none;
}
+
label{
font-size: 20px;
color: #FFC92F;
-}
\ No newline at end of file
+}
+
diff --git a/html/seer.html b/html/seer.html
index 59cce0f..26acd3b 100644
--- a/html/seer.html
+++ b/html/seer.html
@@ -5,7 +5,7 @@
Project SEER
- Project SEER
