* {
   margin: 0;
   padding: 0;
}
body{
    background-color: rgb(241, 224, 202);

}
.background{
    
    background-image: url("sports3.jpg");
    background-blend-mode: darken;
    background-size: cover;
}
nav{
    height: 80px;
    background-color: blanchedalmond;
    z-index: 500;
    position: sticky;
    top: 0;
    border-end-end-radius: 20px;
  }
#sport{
    position: absolute;
  width: 72px;
  border: 1px solid white;
  border-radius: 50px;
 height: 75px;
 top:2px;
}
.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;
}
.form{
    display: flex;
    justify-content: center;
    align-items: center;   
    position: absolute;
    top:20%;
    left: 32%;
    font-size: 20px;
}
.text{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right:7%;
    padding-top: 1%;
    font-style: italic;
   
}
.formdesign input {
    border: 1px solid black;
    margin: 14px;
    border-radius: 8px;
    font-size: 15px;
}
.formerror {
    color: red;
}
#submit {
    border-radius: 9px;
    width: 100px;
    height: 40px;
    position: absolute;
    left:40%;
    top: 98%;
    display: flex;
    justify-content: center;
    align-items: center;  
    border-radius: 15px;
    color: white;
    background-color: black;
    font-size: 20px;
    border: 2px solid white;

}
.sec3{
    color: white;
    background-color: rgb(46, 46, 46);
    width:100%;
    height:80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 90%;
}