body {
  background:#ccc;
  padding:0;
  margin:0;
}

#link{
  width:300px;
  height:250px;
  position:absolute;
  top:0px;
  left:0px;
}

#banner {
  overflow:hidden;
  position:relative;
  width:300px;
  height:250px;
  display:box;
  border:1px solid #000000;
  background-color: #ffffff;
  box-sizing: border-box;
}

img, svg {
  position: absolute;
  opacity: 0;
 
}

#blue{
  width: 236px;
  height: 82px;
  background-color: #034ea2;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  opacity: 0;
}
#red{
  width: 236px;
  height: 94px;
  background-color: #ff0000;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  top: 82px;
  left: -30px;
  opacity: 0;
}
#white{
  width: 150px;
  height: 45px;
  background-color: #ffffff;
  display: block;
  position: absolute;
  top: 205px;
  left: 150px;
  /*opacity: 0; */
}
#white-1{
  width: 300px;
  height: 30px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 100px;
  left: 20px;
  /*opacity: 0.5;*/
 
}

#white-2{
  width: 300px;
  height: 30px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 130px;
  left: 20px;
  /*opacity: 0.5;*/
 
}

#text-data{
  top: 60px;
  left: 10px;
}
#text-1{
  top: 8px;
  left: 10px;
}

#text-sport{
  top: 96px;
  left: 10px;
}

#text-rabat{
  top: 122px;
  left: 54px;
}
#text-bis{
  top: 122px;
  left: 10px;
}

#text-aus{
  top: 222px;
  left: 10px;
}

#logo{
  top: 100px;
  left: 20px;

}