diff --git a/assets/style/style.css b/assets/style/style.css
index 208a997..a48d47a 100644
--- a/assets/style/style.css
+++ b/assets/style/style.css
@@ -5,7 +5,7 @@
#particles-js, #particles-js-contact, #particles-js-comp {
- opacity: 20%;
+ opacity: 40%;
position: absolute;
top: 0;
left: 0;
@@ -27,7 +27,7 @@ html{
#home{
height: 700px;
-background: url("../img/bg-1-1.jpg")no-repeat;
+background: url("../img/bg.png")no-repeat;
background-position: center center;
background-size:cover;
}
@@ -35,7 +35,7 @@ background-size:cover;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(12px);
- width: 80%;
+ width: 90%;
position: fixed;
z-index: 3;
margin-top: 20px;
@@ -58,24 +58,33 @@ background-size:cover;
}
.navbar-nav li a , .navbar-brand{
color: #ffffff !important ;
- font-weight: 600;
+ font-weight: 700;
font-size: 20px;
animation: li-load 5s ;
}
+.nav-item{
+ padding-right: 20px;
+}
.nav-img{
width: 120px;
height:55px;
}
+.navbar-toggler{
+ color: #ffffff;
+}
+.fa-solid{
+ color: #ffffff;
+}
+
+#navbarNavDropdown{
+ max-height: 100% !important;
+}
.header{
position: relative;
- color: white;
top:200px;
+
}
-.header h1{
- font-size: 120px;
- font-style: normal;
- font-weight: 700;
-}
+
.buttons-header{
margin-top: 30px;
display: flex;
@@ -107,7 +116,7 @@ background-size:cover;
color: #09051e;
}
.main-text{
- width: 90%;
+ width: 60%;
position: relative;
top: -30px;
}
@@ -138,12 +147,9 @@ background-size:cover;
position: relative;
overflow: hidden;
}
-.acf-img{
- width: 200px;
- padding-bottom: 20px;
-}
+
.about-header{
-width: 50%;
+width: 60%;
height: auto;
}
.about-text{
@@ -166,14 +172,26 @@ height: auto;
font-optical-sizing: auto;
font-style: normal;
}
-.contact-cards{
- margin-top: 50px;
+.contact-detail{
+ padding-top: 70px;
+ padding-bottom: 70px;
}
.contact-card{
- margin: 20px;
- font-size: 20px;
- font-optical-sizing: auto;
- font-style: normal;
+ padding-bottom: 50px;
+ color: #ffffff;
+}
+.Contact-name{
+ font-size: 25px;
+ font-weight: 600;
+}
+.Contact-number a{
+ color: #ffffff;
+ text-decoration: none;
+ font-size: 25px;
+ font-weight: 600;
+}
+.card-heading{
+ font-weight: 600;
}
.social-media{
display: flex;
@@ -301,9 +319,10 @@ scale: 1.0;
margin-bottom: 50px;
font-size: 18px;
}
+
@media (max-width:700px) {
#home , #about , #contact , #competitions , #Competition-sub{
- padding: 20px;
+ padding: 10px;
padding-top: 80px;
}
.about-header , .contact-heading , .competition-title{
@@ -312,4 +331,70 @@ scale: 1.0;
.about-text{
padding: 10px;
}
+ .button-main{
+ font-size: 15px;
+ width: 150px;
+ }
+ .main-text{
+ width: 100%;
+ position: relative;
+ top: -30px;
+ }
+ .Contact-name{
+ font-size: 20px;
+ font-weight: 600;
+ }
+ .Contact-number a{
+ color: #ffffff;
+ text-decoration: none;
+ font-size: 20px;
+ font-weight: 600;
+ }
+
+}
+@media (max-width:500px){
+ .card-heading{
+ font-size:15px;
+ }
+ .card-details{
+ font-size: 10px;
+ }
+ .Contact-name{
+ font-size: 15px;
+ font-weight: 600;
+ }
+ .Contact-number a{
+ color: #ffffff;
+ text-decoration: none;
+ font-size: 15px;
+ font-weight: 600;
+ }
+ .about-header{
+ width: 90%;
+ }
+ .about-text{
+ font-size: 15px;
+}
+ .buttons-header{
+ display:grid;
+ gap: 1rem;
+ }
+ .contact-heading{
+ font-size: 30px;
+ }
+ .contact-text{
+ font-size: 15px;
+ }
+ .social-media{
+ gap: 0rem;
+ }
+
+}
+@media (max-width:300px){
+ .footer-head{
+ display: grid;
+ }
+ .rights{
+ font-size: 15px;
+ }
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 3d619c6..a48c43b 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
-
+