html {
  font:clamp(16px,3vw,20px) / 1.5 sans-serif;
  height:100%;
  background:AliceBlue;
  display:flex;justify-content: center;align-items: center;
}
h1 {
  font-size:clamp(18px,4vw,24px);
  margin-bottom:0;
}
p {margin: 0 0 1rem;}
.error {
  max-width: 500px;
  margin:0 auto;
  padding:clamp(120px,33vw,220px) 2rem 2rem;
  background-color: hite;
  background-image: url(../../images/layout/shame.svg);
  background-size: clamp(100px,30vw,200px);
  background-repeat: no-repeat;
  background-position: 50% 1rem;  
}
.error:before{
  content:"I'm so sorry!";
  display:block;
  text-align:center;
  font-style:italic;
}