.popArticle{
  margin : 0;
}
.popup {
  display: none;
  width : 40vw;
  height: 40vw;
  position : fixed;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background : rgb(0, 0, 0);
  justify-content: center;
  border-radius: 2vw;
  color : #fff;
  z-index: 99;
  margin : 0;
}
.show {
  display : flex;
}
.scroll{
  overflow: hidden;
}
.popup h1 {
  font-size: 2vw;
}
.popup .close {
  position: absolute;
  top : 1vw;
  right : 2vw;
  transition: 0.2s;
  cursor: pointer;
  font-size: 1vw;
}
.popup .close:hover {
 transform: scale(1.1);
}