@font-face {
  font-family: 'main';
  src: url('BoldodemoRegular-Wp6wE.otf');
}


.close {
  position: absolute;
  bottom: 20%; right: 70%;
  transform: translate(20%, -450%);
}

.contentwarning {
  background-color: lightblue;
  color: black;
  border: 15px solid darkslateblue;
  border-radius: 12%;
  padding: 10px;
  height: auto; 
  width: auto;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: 0px;
  font-family: 'main';
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 600px) {
  .close {
    position: absolute;
    bottom: 35%; right: 87.5%;
  }
  .contentwarning {
    height: 100%;
    width: 70%;
  }
}