diff --git a/static/css/style.css b/static/css/style.css
index cc5db44..40403c5 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,140 +1,168 @@
-/* Global Styles */
-body {
- background-color: #320073;
-}
-
-/* Header Styles */
-header {
- background-color: #320073;
-}
-
-.navbar {
- display: flex;
- background-color: #FF00A5;
- padding: 1%;
- border-radius: 25px;
- box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.25);
-}
-
-#title {
- text-align: center;
- color: white;
-}
-
-.nav {
- color: white;
-}
-
-#standings, #fixtures, #fantasy {
- padding: 1%;
- color: white;
- font-size: large;
-}
-
-/* Logo Styles */
-.icclogo {
- display: flex;
- height: 380px;
- justify-content: center;
- margin-right: 50px;
- opacity: 1.0;
-}
-
-/* Logo Resize */
-.icclogo img {
- width: 15rem;
- object-fit: contain;
-}
-
-/* Team Table Styles */
-.table {
- display: flex;
-
-}
-
-/* Group Styles */
-.group {
- display: flex;
- flex-direction: column;
- background-color: #FF00A5;
- height: 20rem;
- width: 40%;
- padding: 1%;
- justify-content: center;
- margin: 0 20px 0 60px;
- border-radius: 50px;
- box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.25);
-}
-
-/* Team Styles */
-.team {
- display: flex;
- color: white;
- font-size: x-large;
- align-items: center;
- text-align: left;
- padding: 3%;
-}
-
-.team {
- display: flex;
- align-items: center;
- margin: 0 6rem;
-}
-
-.team img{
- height: 2rem;
- width: 2rem;
- margin: 0 8rem;
-}
-
-#last-team{
- margin: 0 7.2rem;
-}
-
-#last-team-name{
- margin: 0 1rem;
-}
-
-/* Footer Styles */
-.footer-social {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- position: relative;
- z-index: 10;
-}
-
-.footer-social__subtitle {
- width: 100%;
- text-align: center;
- margin-bottom: 2.4rem;
- color: white;
- text-transform: uppercase;
-}
-
-.footer-social__item {
- position: relative;
- margin-right: 1.6rem;
- list-style-type: none;
-}
-
-.footer-social__link .icon {
- height: 2.6rem;
- width: 2.6rem;
- transition: fill .2s ease-in-out;
- fill: white;
-}
-
-svg.icon {
- width: 1.8rem;
- height: 1.8rem;
- fill: currentColor;
-}
-
-.team img.logo {
- width: 3rem;
- height: 2rem;
- object-fit: contain;
-}
-
+body{
+ background-color: #320073;
+}
+.icclogo{
+ display: flex;
+ height: 380px;
+ justify-content: center;
+ margin-right: 50px;
+}
+
+.table{
+ display: flex;
+}
+
+.teamlogo{
+ height: 10px;
+}
+.group{
+ display: flex;
+ flex-direction: column;
+ background-color: #FF00A5;
+ height: 20rem;
+ width: 40%;
+ padding: 1%;
+ justify-content: center;
+ margin:0 20px 0 20px;
+ border-radius: 50px;
+ box-shadow: 3px 4px 2px rgba(0,0,0,0.25)
+}
+
+.team{
+ display: flex;
+ justify-content: space-evenly;
+ color: white;
+ font-size: x-large;
+ padding: 3%;
+}
+.icclogo{
+ opacity: 0.8;
+}
+
+.logo{
+ height:20px;
+ width:40px;
+}
+
+header {
+ background-color: #320073;
+}
+
+.navbar {
+ margin:0;
+ padding:0;
+ list-style:none;
+ margin: 10rem auto;
+ margin-bottom:3rem;
+ margin-top:1.2rem;
+ width: 98%;
+ display:flex;
+ justify-content: space-evenly;
+ align-items: center;
+ float:left;
+ }
+
+
+ .navbar > li{
+ background-color:#FF00A5;
+ width:30%;
+ transform: skewX(20deg);
+ position: relative;
+ display:flex;
+ align-items:center;
+ justify-content:center;
+ border:0.5rem solid black;
+ }
+
+
+ .nav{
+ text-decoration: none;
+ width:25rem;
+ height:3rem;
+ }
+ .navbar > li > a{
+ font-size: 1.8em;
+ transform: skewX(-10deg);
+ }
+
+
+ .nav:hover {
+ background:violet ;
+ transform:scale(1.1);
+ }
+
+
+ @media (max-width: 1000px) {
+
+
+ .navbar{
+ flex-direction: column;
+ }
+ .navbar > li{
+ margin-bottom:3rem;
+ }
+}
+
+
+@media (max-width: 500px) {
+
+
+ .navbar{
+ flex-direction: column;
+ }
+ #standings,#fixtures,#fantasy{
+ font-size:1rem;
+ }
+ .navbar > li{
+ margin-bottom:3rem;
+ }
+
+}
+
+
+#title {
+ text-align: center;
+ color: white;
+}
+
+#standings, #fixtures, #fantasy {
+ padding: 2%;
+ padding-top:5%;
+ color: white;
+ font-size: large;
+}
+
+.footer-social {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ position: relative;
+ z-index: 10;
+}
+
+.footer-social__subtitle {
+ width: 100%;
+ text-align: center;
+ margin-bottom: 2.4rem;
+ color: white;
+ text-transform: uppercase;
+}
+
+
+.footer-social__item {
+ position: relative;
+ margin-right: 1.6rem;
+}
+
+.footer-social__link .icon {
+ height: 2.6rem;
+ width: 2.6rem;
+ transition: fill .2s ease-in-out;
+ fill: white;
+}
+
+svg.icon {
+ width: 1.8rem;
+ height: 1.8rem;
+ fill: currentColor;
+}
diff --git a/templates/index.html b/templates/index.html
index 9ae4ab5..4158276 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,106 +1,110 @@
-{% extends "base.html" %}
-
-{% block head %}
-
- ICC WorldCup'23
-
-{% endblock %}
-{% block body %}
-
-
- Welcome to ICC World Cup 2023
-
-
-
-
-
-
-
-
-
1
-
}})
-
AFG
-
-
-
2
-
}})
-
AUS
-
-
-
3
-
}})
-
BAN
-
-
-
4
-
}})
-
ENG
-
-
-
5
-
}})
-
IND
-
-
-
-
-
6
-
}})
-
ND
-
-
-
7
-
}})
-
NZ
-
-
-
8
-
}} )
-
PAK
-
-
-
9
-
}})
-
SA
-
-
-
10
-
}})
-
SL
-
-
-
-
Welcome to ICC World Cup 2023
+
+
+
+
+
+
+
+
+
1
+
}})
+
AFG
+
+
+
2
+
}})
+
AUS
+
+
+
3
+
}})
+
BAN
+
+
+
4
+
}})
+
ENG
+
+
+
5
+
}})
+
IND
+
+
+
+
+
6
+
+
ND
+
+
+
7
+
+
NZ
+
+
+
8
+
}} )
+
PAK
+
+
+
9
+
+
SA
+
+
+
10
+
}})
+
SL
+
+
+
+
}})
}}){kind=logo}