body {
  background: rgb(103, 66, 230);
  background: linear-gradient(
    135deg,
    rgba(103, 66, 230, 1) 35%,
    rgba(114, 68, 237, 1) 100%
  );
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.error-image {
  max-width: 720px;
  width: 90%;
  margin: auto;
  text-align: center;
}

.error-image h1 {
  font-size: 120px;
  margin: 48px auto 20px;
}

.error-msg-container {
  margin: 18px auto 30px auto;
  max-width: 800px;
  width: 80%;
  text-align: center;
}

.error-msg-container h1 {
  font-size: 56px;
  max-width: 560px;
  margin: auto auto 48px;
}

/* WEB SİTENİZDE ZATEN NUNITO FONTU YÜKLÜYSE BU KODU KULLANMANIZA GEREK YOK VEYA BAŞKA BİR FONT YÜKLEYEBİLİRSİNİZ */ /* WMNot */
@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700&display=swap');

/* WEB SİTENİZDE ZATEN FONT AWESOME YÜKLÜYSE BU KODU KULLANMANIZA GEREK YOK */ /* WMNot */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

/* ARAMA BUTONU CSS KODLARINI KENDİNİZE GÖRE DÜZENLEYEBİLİRSİNİZ */ /* WMNot */
.telefon-ara-btn{
  color:white;
  background: #2c8a00;
  font-size:24px;
  padding:3px 11px 3px;
  text-decoration:none;
  font-family:Nunito;
  border-radius:5px;
  font-weight:600;
}

.telefon-ara-btn:hover{
  padding:4px 12px 4px;
  transition:.5s;
  background:#35a800;
}