diff --git a/css/style.css b/css/style.css
index f557391..653baee 100644
--- a/css/style.css
+++ b/css/style.css
@@ -6,7 +6,7 @@ body {
.container {
width: 80%;
margin: auto;
- border: 2px solid #fff;
+ border: 2px solid #2ecc71;
border-radius: 25px;
padding: 20px;
background-color: #444;
@@ -15,9 +15,62 @@ body {
text-decoration: none;
color: #fff;
padding: 10px 20px;
- border: 2px solid #fff;
+ border: 2px solid #2ecc71;
border-radius: 25px;
background-color: #333;
+ transition: all 0.3s ease-in-out;
+}
+.nav a:hover {
+ background-color: #2ecc71;
+ color: #333;
+ cursor: pointer;
+ transition: all 0.3s ease-in-out;
+}
+
+.video-container {
+ width: 80%;
+ margin: 20px auto;
+ border: 2px solid #2ecc71;
+ border-radius: 25px;
+ overflow: hidden;
+ padding-bottom: 56.25%;
+ position: relative;
+}
+.video-container iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+header {
+ text-align: left;
+}
+.logo {
+ height: 60px;
+ width: 60px;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 10px;
+}
+.title {
+ display: inline-block;
+ font-size: 48px;
+ line-height: 60px;
+ vertical-align: middle;
+}
+
+div.footer {
+ width: 80%;
+ margin: auto;
+ border: 2px solid #2ecc71;
+ border-radius: 25px;
+ padding: 20px;
+ background-color: #444;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
img.flash_info {
diff --git a/index.php b/index.php
index 8aab193..f064bba 100644
--- a/index.php
+++ b/index.php
@@ -2,82 +2,7 @@
-
+
WhyKorp