#error {
  margin: 0;
  padding: 0;
  background: #f4f4f4;
}

header {
  text-align: left;
}

#error .content a {
  position: relative;
  top: 120px;
  text-decoration: none;
  color: rgb(125, 0, 214);
  font-size: 14px;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  text-decoration: underline;
  letter-spacing: -0.22px;
}

#error a:hover {
  text-decoration: underline;
}

#error svg.logo {
  display: block;
  width: 139px;
  height: 36px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 10px;
}

#error > main {
  padding: 0;
  width: 320px;
  margin: 0 auto;
  text-align: center;
}

#error > main > header {
  padding-bottom: 20px;
  margin-top: 30px;
}

#error > main > header svg path {
  fill: #6cc24a;
}

#error > main > header svg {
  background: white;
  padding: 8px 5px;
  border-radius: 100%;
}

#error > main > header svg path.detail {
  fill: #79BC5B;
}

#error > main > .content {
  color: #9CAB9A;
  width: 100%;
}

#error > main > .content p {
  
  color: rgb(121, 121, 121);
  font-size: 16px;
  font-family: 'Rubik', 'sans-serif';
  font-weight: normal;
  letter-spacing: -0.26px;
  text-align: left;
}

#error > main > .content .icon {
  width: 147px;
  height: 146px;
  background: rgb(255, 224, 221);
  border-radius: 100%;
  margin: auto;
  position: relative;
  top: 50px;
}

#error > main > .content .icon .status {
  color: rgb(242, 119, 98);
  font-size: 20px;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  text-align: center;
  letter-spacing: -0.32px;
  position: relative;
  top:15px;
}

#error > main > .content .icon .status span {
  font-size: 60px;
  font-weight: bold;
}

#error > main > .content .icon > svg {
  width: 70px;
  height: 65px;
}

#error > main > .content .icon > svg path {
  fill: white;
}

#error > main > .content > h1 {
  color: rgb(242, 119, 98);
  font-size: 30px;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  letter-spacing: -0.48px;
  text-align: left;
}