*{
    scroll-behavior: smooth;
}

/* === Home Page Section === */

.games-sports-home-page{
    background-image: url("https://cdn.britannica.com/47/190947-050-EECE999F/Olympic-torch-illustration-sports-summer-games.jpg");
    height: 150vh;
    background-size: cover;
}


.games-sports-home-page-card{
    background-color: rgb(213, 205, 226);
    height: 40vh;
    text-align: center;
    padding: 20px;
    border-radius: 30px;

}
.games-sports-home-page-heading{
    color: rgb(11, 11, 95);
    font-family: "Roboto";
    font-size: 50px;


}
.games-sports-home-page-paragraph{
    color:rgb(73, 44, 234);
    font-family: "Roboto";
    font-size: 20px;
}
.games-sports-home-page-button{
    color:rgb(28, 6, 73);
    border: 2px rgb(46, 15, 151) solid;
    background-color:rgb(12, 191, 250);
    border-radius: 5px;
    font-size: 18px;
    height: 40px;
    width: 130px;
    font-weight: 500;
}


     /* ===Navbar and Games-1 Section === */
.games-1-bg-container{
    background-color: #fefcf6;
    background-image: url('https://www.transparenttextures.com/patterns/paper-fibers.png');    
}


.header-logo-games-1-heading{
    color: #1a1919;
    font-family: "Roboto";
    font-size: 8px;
    margin-top: 5px; 
    margin-bottom: 5px;

}

.header-games-1-logo{
    height: 50px;
    border-radius: 300px;
    margin-left: 10px;
    margin-top: 30px;
    
}
.header-games-1-heading{
    color: rgb(30, 32, 32);
    font-family: "Roboto";
    font-size: 50px;
    margin-left: 60px;
    margin-top: 30px;
    
}
#nav-links{
    color: black;
}



.home-section-games-1-bg-container{
    background-image: url("https://img.freepik.com/free-photo/sports-tools_53876-138077.jpg?semt=ais_hybrid&w=740&q=80");
    height: 100vh;
    background-size: cover; 
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 2px black solid;
}

.home-section-games-1-heading{
    color: rgb(255, 255, 255);
    font-family: "Roboto";
    font-size: 80px;
    margin-top: 120px;
}
.home-section-games-1-paragraph{
    color: rgb(255, 255, 255);
    font-family: "Roboto";
    font-size: 25px;    
}
.home-section-games-1-button{
    color: black;
    border: 2px white solid;
    border-radius: 5px;
    font-size: 20px;
    height: 45px;
    width: 110px;
    margin-top: 30px;
    margin-right: 30px;
    
   
}
.button-style-2{
    border: 0px;
    color: white;
}

.about-section-games-1-bg-container{
    background-color: #cfece5;
    padding: 30px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 40px;
    margin: 5px;
    margin-top: 100px;
}
.about-section-games-1-heading-1{
    color: rgb(9, 88, 35);
    font-family: "";
    font-size: 45px;
    font-weight: 600;
    text-decoration: underline rgb(215, 215, 11) wavy;
}
.about-section-games-1-heading-2{ 
    font-size: 20px;
    
}
.about-section-games-1-paragraph-1{
    color: rgb(83, 65, 65);
    font-family: "";
    font-size: 18px;
}
.about-section-games-1-paragraph-2{
    color: rgb(119, 110, 110);
    font-family: "";
    font-size: 18px;
}



.games-1-about-games-and-sports-bg-container{
    background-color: rgb(197, 238, 252);
    padding: 30px;
    padding-top: 60px;
    padding-bottom: 60px; 
    border-radius: 40px;
    margin: 5px;
    margin-top: 100px;

}



.games-1-heading{
    color: rgb(80, 26, 35);
    font-family: "";
    font-size: 40px;
    margin-top: 20px;
}
.games-1-paragraph{
    color: rgb(7, 145, 108);
    font-family: "";
    font-size: 18px;
}

.games-1-summary{
    color: rgb(5, 82, 6);
    font-family: "";
    font-size: 20px;
}
.games-1-ul{
    color: rgb(33, 27, 117);
    font-family: "";
    font-size: 18px;
}



.games-1-resources-bg-container{
    background-color: rgb(211, 223, 199);
    padding: 30px;
    padding-top: 60px;
    padding-bottom: 60px; 
    border-radius: 40px;
    margin: 10px;
    margin-top: 100px;
    
    
}
.games-1-resources-heading{
    color: rgb(47, 6, 8);
    font-family: "";
    font-size: 40px;
    text-decoration: underline wavy rgb(180, 211, 7) ;
    
}
.gamers-1-resources-heading-2{
    color: rgb(26, 61, 17);
    font-family: "";
    font-size: 30px;
    margin-top: 30px;
}
.games-1-resources-anchore-links{
    color: blue;
    font-family: "";
    font-size: 18px;
    padding-left: 10px;
}


.footer-section-games-bg-container{
    background-color:  #19232d;
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    padding-bottom: 20px;
    border-top: 2px rgb(219, 18, 18) solid;
    margin-top: 100px;

}
.footer-games-1-logo{
    height: 50px;
    border-radius: 300px;
    
    margin-bottom: 20px;
}
.games-1-footer-paragraph{
    color: #c0c7d4;
    font-family: "";
    font-size: 18px;

}




  /* === OutIn Games,Sports Section === */

.header-section-bg-container{
    background-color: #fff8dc;
    height:20vh;
    text-align: center;
    border-bottom: 3px #d4af37 dashed;
}

.games-2-heading{
    color: #3b3b3b;
    font-family: "Roboto";
    font-size: 50px;
    font-weight: 600;
    padding: 20px;
}

.article-section-bg-container{
    background-color: #fefcf6;
    background-image: url('https://www.transparenttextures.com/patterns/paper-fibers.png');
    padding-top: 30px;
    padding-bottom: 60px;

}

.section-bg-container{
    background-color: #fffdf5;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 50px; 
    
    
}

.section-heading{
    text-align: center;
    color: #222;
    font-family: "Roboto";
    font-size: 35px;
    font-weight:600;

}

.section-image{
    
    border-radius: 20px;
    border: 1px black solid;

}
.section-paragraph-1{
    color: brown;

}
.section-paragraph-2{
    color:#d4af37

}
.section-paragraph-3{
    color: red;

}



   /* === Outdoor Games Section === */

.outdoor-games-bg-container{
    background-image: url("https://thumbs.dreamstime.com/b/sports-equipment-football-basketball-baseball-soccer-tennis-ball-volleyball-boxing-gloves-badminton-as-symbol-online-138082967.jpg");
   
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}
.outdoor-games-heading{
    color: #e1dfd3;
    font-family: "Roboto";
    font-size: 40px;
    padding: 10px;
    font-weight: bold;   
}

.outdoor-games-cards-bg-container{
    background-color: rgb(184, 217, 234);
    height: 250px;
    border: 1px white solid;
    border-radius:10px; 
    margin: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.outdoor-games-cards-image{
    height: 248px;
    width: 150px;
    border-radius:10px; 

}
.outdoor-games-cards-text-container{
    padding-left: 15px;
    
}

.outdoor-games-cards-heading{
    color: rgb(4, 6, 44);
    font-family: "Roboto";
    font-size: 30px;
    padding-top: 5px; 
}
.outdoor-games-cards-paragraph-1{
    color: rgb(16, 148, 219);
    font-family: "Roboto";
    font-size: 18px;
    font-weight: bold;
}
.outdoor-games-cards-paragraph-2{
    color: rgb(97, 48, 8);
    font-family: "Roboto";
    font-size: 16px;
}



       /* === Intdoor Games Section === */
    
.indoor-games-bg-container{
    background-image: url("https://thumbs.dreamstime.com/b/sports-equipment-football-basketball-baseball-soccer-tennis-ball-volleyball-boxing-gloves-badminton-as-symbol-online-138082967.jpg");
   
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}
.indoor-games-heading{
    color: #e1dfd3;
    font-family: "Roboto";
    font-size: 40px;
    padding: 10px;
    font-weight: bold;
   
}

.indoor-games-cards-bg-container{
    background-color: rgb(184, 217, 234);
    height: 250px;
    border: 1px white solid;
    border-radius:10px; 
    margin: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}



.indoor-games-cards-image{
    height: 248px;
    width: 150px;
    border-radius:10px; 

}
.indoor-games-cards-text-container{
    padding-left: 15px;
    
}

.indoor-games-cards-heading{
    color: rgb(4, 6, 44);
    font-family: "Roboto";
    font-size: 30px;
    padding-top: 5px; 
}
.indoor-games-cards-paragraph-1{
    color: rgb(16, 148, 219);
    font-family: "Roboto";
    font-size: 18px;
    font-weight: bold;
}
.indoor-games-cards-paragraph-2{
    color: rgb(97, 48, 8);
    font-family: "Roboto";
    font-size: 16px;
}



     /* === Outdoor Games Detailed Section === */

.outdoor-games-detailed-view-bg-container {
    background-image: url("https://png.pngtree.com/thumb_back/fh260/background/20240806/pngtree-sport-stadium-soccer-game-with-spotlight-midfield-image_16142785.jpg");
    padding-top: 30px; 
    padding-bottom:30px;  
    background-size: cover;
}

.outdoor-games-detailed-view-main-heading {
    color: white;
    font-family: "Roboto";
    font-size: 28px;
    font-weight: bold;
    padding: 24px;
}

.outdoor-games-detailed-view-card-container {
    background-color: white;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin: 24px;

}

.outdoor-games-detailed-view-bg-card-text-container {
    padding: 16px;
}

.outdoor-games-detailed-view-card-text-container-heading {
    color: #0f0e46;
    font-family: "Roboto";
    font-size: 23px;
    font-weight: bold;
}

.outdoor-games-detailed-view-card-text-container-paragraph {
    color: #6c6b70;
    font-family: "Roboto";
    font-size: 13px;
}
.outdoor-games-detailed-view-resources-heading{
    color: rgb(130, 9, 9);
    font-family: "Roboto";
    font-size: 30px;
}
.outdoor-games-detailed-view-anchore{
    color: blue;
    font-family: "Roboto";
    font-size: 18px;
}

.outdoor-games-detailed-view-back-button {
  margin: 10px;
}





   /* === Indoor Games Detailed Section === */
  
.indoor-games-detailed-view-bg-container {
    background-image: url("https://png.pngtree.com/thumb_back/fh260/background/20240806/pngtree-sport-stadium-soccer-game-with-spotlight-midfield-image_16142785.jpg");
    padding-top: 30px; 
    padding-bottom:30px;  
    background-size: cover;
}

.indoor-games-detailed-view-main-heading {
    color: white;
    font-family: "Roboto";
    font-size: 28px;
    font-weight: bold;
    padding: 24px;
}

.indoor-games-detailed-view-card-container {
    background-color: white;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin: 24px;

}

.indoor-games-detailed-view-bg-card-text-container {
    padding: 16px;
}

.indoor-games-detailed-view-card-text-container-heading {
    color: #0f0e46;
    font-family: "Roboto";
    font-size: 23px;
    font-weight: bold;
}

.indoor-games-detailed-view-card-text-container-paragraph {
    color: #6c6b70;
    font-family: "Roboto";
    font-size: 13px;
}
.indoor-games-detailed-view-resources-heading{
    color: rgb(130, 9, 9);
    font-family: "Roboto";
    font-size: 30px;
}
.indoor-games-detailed-view-anchore{
    color: blue;
    font-family: "Roboto";
    font-size: 18px;
    margin-left: 10px;
}
.indoor-games-detailed-view-back-button {
  margin: 10px;
}