*{
    margin: 0;
    padding: 0;
}

header{
    height: 100vh;
    background: url(https://upload.wikimedia.org/wikipedia/commons/9/9c/Herzogenaurach_-_Adidas_-_2016.jpg);
    background-size: cover;
    width: 100%;
}
nav{
    display: flex;  
    justify-content: space-between;
    align-items: center;
    padding:20px 40px;
    margin-bottom: 100px;
}
nav ul{
 display: flex;
 justify-content: space-between;
 grid-gap: 30px;
 list-style: none;

}
a{
    text-decoration: none;
    color: rgb(0, 0, 0);
    /* background: rgba(0,0,0,0.2); */
    border-radius: 20%;
}
ul{
    background:rgba(255, 0, 0, 0.5) ;
 
}
.li{
  border-radius: 50%;
}

.text{
    height: 40vh;
    /* width: 100px; */
    font-size: 30px;
    margin: 0 auto;
    text-align: center;
}
body {
    background: #d6eaf8;
    
  }
  .span{
    margin: 2px;
  }
  body {
    background: #1b2631;
  }
  .double-border-button {
    text-decoration: none;
    display: inline-block;
    margin: 10px 20px;
    padding: 10px 30px;
    position: relative;
    border: 2px solid #0f4448;
    color: #0d4c5c;
    font-family: 'Montserrat', sans-serif;
    transition: .4s;
  }
  .double-border-button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    border: 2px solid rgba(0, 0, 0, 0);
    transition: .4s;
  }
  .double-border-button:hover:after {
    border-color: #22686b;
    width: calc(100% - 10px);
    height: calc(100% + 10px);
  }
  main{
    height: 40vh;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    color: lightyellow;
  }
  .container{
    display:grid;
    grid-gap:50px;
    height: 1300px;
    width: 1050px;
    margin: 0 auto;
    grid-template-columns:repeat(2,1fr) ;
    grid-template-rows:repeat(3,1fr);
    border:1px solid black;
    align-items: center;
    margin-top: 10px;
    color: white;
  }
  .item{
    display: grid;
    background: black;
    height: 100%;
    width: 500px;
  }