Add some designs

acf-sack · Apr 19, 2024 · 0ab2bfa · 0ab2bfa
1 parent 3e6a571
commit 0ab2bfa
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 14 deletions.
diff --git a/assets/img/bg-1.png b/assets/img/bg-1.png
diff --git a/assets/style/style.css b/assets/style/style.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Jersey+10&family=Russo+One&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Jersey+10&family=Russo+One&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
 *{
     scroll-behavior: smooth;
 
@@ -9,7 +11,8 @@ html{
 
 #home{
 height: 700px;
-background: url("../img/bg.png");
+background: url("../img/bg.png") no-repeat;
+background-size: cover;
 
 
 }
@@ -47,7 +50,10 @@ background: url("../img/bg.png");
     top:200px;
 }
 .header h1{
-    font-size: 100px;
+    font-size: 120px;
+    font-family: "Russo One", sans-serif;
+    font-style: normal;
+    font-weight: 700;
 }
 .buttons-header{
     margin-top: 30px;
@@ -57,65 +63,85 @@ background: url("../img/bg.png");
 
 }
 .button-main{
-    color: aliceblue;
+    color: rgb(255, 255, 255);
     font-size: 20px;
     padding: 10px;
     background: none;
     border: solid white 2px;
     border-radius: 25px;
+    font-family: "Urbanist", sans-serif;
+  font-optical-sizing: auto;
+  font-style: normal;
 }
 .button-1-link{
     text-decoration: none;
     color: #ffffff;
 }
 .button-main:hover{
-    background-color: aliceblue;
+    background-color: rgb(252, 252, 252);
     color: #09051e;
 }
 #about , #contact  {
-    background: url("../img/bg-2.png");
+    background: #000000;
     background-size: cover;
     padding: 80px;
     padding-top: 100px;
 
 }
 
 #competitions{
-    background: url("../img/bg-2.png");
+    background:#000000;
     padding: 80px;
     padding-top: 100px;
 }
 #Competition-sub{
-    background: url("../img/bg-2.png");
+    background: #000000;
     padding: 80px;
     padding-top: 100px;
 }
 .acf-img{
-    width: 200px;
+    width: 250px;
     padding-bottom: 20px;
 }
 .about-header{
-    font-size: 50px;
+    font-size: 90px;
     color: #ffffff;
+    font-family: "Russo One", sans-serif;
+    font-style: normal;
+    font-weight: 700;
 }
 .about-text{
     font-size: 25px;
-    color: #d8d8d8;
+    color: #d6d6d6;
+    padding: 100px;
+    padding-top: 0px;
+    font-family: "Urbanist", sans-serif;
+    font-optical-sizing: auto;
+    font-style: normal;
 }
 .contact-heading{
     color: #ffffff;
-    font-size: 50px;
+    font-size: 90px;
+    font-family: "Russo One", sans-serif;
+    font-style: normal;
+    font-weight: 700;
 }
 .contact-text{
     font-size: 30px;
     color: #d8d8d8;
+    font-family: "Urbanist", sans-serif;
+    font-optical-sizing: auto;
+    font-style: normal;
 }
 .contact-cards{
     margin-top: 50px;
 }
 .contact-card{
     margin: 20px;
     font-size: 20px;
+    font-family: "Urbanist", sans-serif;
+    font-optical-sizing: auto;
+    font-style: normal;
 }
 .social-media{
     display: flex;
@@ -140,9 +166,12 @@ background: url("../img/bg.png");
     color: #000000;
 }
 .footer{
-    background-color: #000000;
+    background-color:  #000000;
     color: #ffffff;
     padding: 50px;
+    font-family: "Urbanist", sans-serif;
+    font-optical-sizing: auto;
+    font-style: normal;
 }
 .footer .row{
     margin: 0px !important;
@@ -168,19 +197,34 @@ background: url("../img/bg.png");
 }
 .competition-title{
     color: #ffffff;
+    font-size: 90px;
+    font-family: "Russo One", sans-serif;
+    font-style: normal;
+    font-weight: 700;
 }
 .competition-card-row{
     margin-top: 50px;
 }
 #competitions .card{
-    background-color: rgba(145, 145, 145, 0.118);
+    background-color: rgba(145, 145, 145, 0.1);
     -webkit-backdrop-filter: blur(50px);
     backdrop-filter: blur(50px);
     border: solid 1px rgba(255, 255, 255, 0.352);;
     color: #ffffff;
     padding: 0px;
     margin: 30px;
 
+
+}
+.card-titile h3{
+    font-family: "Russo One", sans-serif;
+    font-style: normal;
+    font-weight: 700;
+}
+.card-description{
+    font-family: "Urbanist", sans-serif;
+    font-optical-sizing: auto;
+    font-style: normal;
 }
 .card-img{
  width: 100%;
@@ -214,18 +258,33 @@ scale: 1.0;
 .competition-name{
     color: #ffffff;
     font-size: 60px;
+    font-family: "Russo One", sans-serif;
+    font-style: normal;
+    font-weight: 700;
 }
 .titles{
     color: #d8d8d8;
+    font-family: "Urbanist", sans-serif;
+    font-optical-sizing: auto;
+    font-style: normal;
 }
 .titile-text{
     color: #ffffff;
     margin-top: 20px;
     margin-bottom: 50px;
+    font-family: "Urbanist", sans-serif;
+    font-optical-sizing: auto;
+    font-style: normal;
 }
-@media (max-width:600px) {
+@media (max-width:700px) {
     #home , #about , #contact , #competitions , #Competition-sub{
         padding: 20px;
         padding-top: 80px;
     }
+    .about-header , .contact-heading , .competition-title{
+        font-size: 50px;
+    }
+    .about-text{
+        padding: 10px;
+    }
 }