#blur {
  stdDeviation: 3;
}
html {
  background-color: black;
}
#SVG_Blur {
  width: 0px;
  height: 0px;
  z-index: 499;
}
.svg_blur {
  position: fixed;
  display: flex;  
  top:0px;
  left:0px;
  z-index: 499;
  mask-image: url(#mask);
  background-color: rgba(255, 255, 255, 0.0);
  backdrop-filter: blur(19px);
  transform: translateY(-7vw) translateX(-12vw);   
  width: 50vw;
  height:35vw;
  scale:1.0;

}
.Logo {
  position: fixed;
  display: flex;  
  top:20px;
  left:0px;
  z-index: 500;
  transform: translateX(-12vw);   
  width: 50vw;
  height: auto;
}
.Logo img {
  width:40%;
  margin-left: auto;
  margin-right: auto;
  z-index: 550;
  height: auto;
}

/*-----------------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
.svg_blur {
  top:0px;
  background-color: rgba(255, 255, 255, 0.0);
  backdrop-filter: blur(22px);
  transform: translateY(-50px) translateX(-130px);   
  width: 490px;
  height:185px;
}
  .Logo {
  top:15px;
  transform: translateX(-130px);   
  width: 490px;
}
.dw_navigation_summary {
    top: -5px;
    right: -5px;
    scale: 0.7;
    transition: all .5s;      
}
}

/*-----------------------------------------------------------------------*/
html:not([data-scroll='0']) {
.svg_blur {
  top:0px;
  left:0px;
  z-index: 50;
  mask-image: url(#mask);
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(22px);
  transform: translateY(-14vw) translateX(-22vw);   
  width: 50vw;
  height:35vw;
  scale:0.7;
}
  .Logo {
  top:0px;
  left:0px;
  z-index: 500;
  transform: translateX(-22vw);   
  width: 50vw;
  height: auto;
  scale:0.7;
}


.dw_navigation_summary {
    top: 0px;
    right: 0px;
    scale: 0.6;
    transition: all .5s;      
}

.dw_navigation details .dw_1 {
  background-color: #de2222;
}
.dw_navigation details .dw_2 {
  background-color: #de2222;
}
.dw_navigation details .dw_3 {
  background-color: #de2222;
}
.dw_navigation details[open] .dw_1 {
  background-color: #fff;
}
.dw_navigation details[open] .dw_2 {
  background-color: #fff;
}
.dw_navigation details[open] .dw_3 {
  background-color: #fff;
}


@media only screen and (max-width: 1000px) {
.svg_blur {
  top:0px;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(22px);
  transform: translateY(-200px) translateX(-530px);   
  width: 700px;
  height:263px;
  scale:0.5;
  z-index: 498;
}
  .Logo {
  top:-12px;
  transform: translateX(-530px);   
  width: 700px;
  scale:0.5;
}
.dw_navigation_summary {
    top: -25px;
    right: -25px;
    scale: 0.4;
    transition: all .5s;      
}
}
}