*{
    padding:0;
    margin: 0;
}
body{
    
   
    min-height: 900px;
    background-image: url("sports3.jpg");
    background-blend-mode: darken;
    background-size: cover;
}
.background{
    
    background-image: url("sports3.jpg");
    background-blend-mode: darken;
    background-size: cover;
}

nav{
    position: sticky;
    top:0;
    background: #0a2a43;
    height:72px;
    z-index: 100;
    
    z-index: 500;
   border-end-end-radius: 20px;
}
div {
    display: flex;
    justify-content: center;
    align-items: center;
      
}
div img{
    position: absolute;
    width: 72px;
    border: 1px solid white;
    border-radius: 50px;
    height: 69px;
    top:2px;
    left:100px;
}
.sec{
    display: flex;
    justify-content: center;
    align-items: center;
   padding: 20px 25px;
    cursor: pointer;
    justify-content: space-around;
    
}

li {
    list-style-type:none;
}
a{
    text-decoration: none;
    color: white;
}
#sec1{
    position: relative;
    width: 100%;
    height: 80vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 400;
   }

#sec1 h1{
    position: absolute;
    font-size: 25px;
   top:30%;
   left:50%;
}
#sec1 img{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    z-index: 100;
    transition:cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.8s  ease-out;


}
#sec img:hover{
    width: 350px;
    height: 200px;
}
#text{
    color: white;
    position: relative;
    top: 90%;
   z-index:90;
   font-size: 30px;
   font-style: italic;
   font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.sec2{
    
    width: 100%;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;

}
.text1{
    position: absolute;
    top: 97%;
    left: 15%;
    color: white;
    
}
.link
{
    background-color: black;
    padding:10px;
    width:80px;
    font-size:17px;
    border-radius:18px;
    border: 2px solid white;
    position:absolute;
    top:125%;

    
}
link:hover{
    background-color: rgb(201, 53, 53);
}
.sec2 a{
    text-decoration:none;
 }
.sec3{
    color: white;
    background-color: rgb(46, 46, 46);
    width:100%;
    height:100px;
}
#sport10{
    position:absolute;
   width:130px;
    right:90px;
    transition:cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.8s  ease-out;


 }
 #sport10:hover{
    width: 350px;
    height: 100px;
 }
h2{
    color: white;
    font-style: italic;
   font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   z-index: 90;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 50%;
   left: 37%;
}