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

#link{
  width:640px;
  height:800px;
  position:absolute;
  top:0px;
  left:0px;
}

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

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

#blue{
  width: 530px;
  height: 200px;
  background-color: #034ea2;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  opacity: 0;
}
#red{
  width: 620px;
  height: 227px;
  background-color: #ff0000;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  top: 390px;
  left: 82px;
  opacity: 0;
}
#white{
  width: 320px;
  height: 100px;
  background-color: #ffffff;
  display: block;
  position: absolute;
  top: 700px;
  left: 320px;
  /*opacity: 0; */
}
#white-1{
  width: 600px;
  height: 78px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 330px;
  left: 45px;
  /*opacity: 0.5;*/
 
}

#white-2{
  width: 600px;
  height: 70px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 410px;
  left: 45px;
  /*opacity: 0.5;*/
 
}

#text-data{
  top: 144px;
  left: 25px;
}
#text-1{
  top: 25px;
  left: 25px;
}

#text-sport{
  top: 410px;
  left: 108px;
}

#text-rabat{
  top: 475px;
  left: 220px;
}
#text-bis{
  top: 480px;
  left: 110px;
}

#text-aus{
  top: 740px;
  left: 25px;
}

#logo{
  top: 340px;
  left: 40px;
  width: 550px;

}