diff --git a/assets/img/bg-1.png b/assets/img/bg-1.png deleted file mode 100644 index 3e541de..0000000 Binary files a/assets/img/bg-1.png and /dev/null differ diff --git a/assets/style/style.css b/assets/style/style.css index 817f2cb..4cdd483 100644 --- 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,23 +63,26 @@ 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; @@ -81,34 +90,48 @@ background: url("../img/bg.png"); } #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; @@ -116,6 +139,9 @@ background: url("../img/bg.png"); .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,12 +197,16 @@ 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);; @@ -181,6 +214,17 @@ background: url("../img/bg.png"); 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; + } } \ No newline at end of file