@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--hero-heading:64px;--section-heading:35px;--card-title:20px;--body:16px;--dark-grey:#2d2d2d;--light-grey:#faf9f6;--off-white:#fafafa;--white:#fff;--sage-green:#7bae7f;--dark-green:#3f6b52;--paragraph-grey:#4a4a4a;--cream-white:#f8f7f4}nav{width:100%;padding:0 1px}.cartion{margin-right:20px}.Notfound-page .icon{color:#243f42;margin-bottom:20px;font-size:60px}.Notfound-page{background-color:#f7f3ea;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:60px 0;display:flex}.subcon{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:650px;display:flex}.code-row{justify-content:center;align-items:center;gap:14px;margin:2px 0 4px;display:flex}.code-row .digit{color:#243f42;font-family:Poppins,sans-serif;font-size:88px;font-weight:700;line-height:1}.display{text-transform:uppercase;letter-spacing:.01em;text-align:center;color:var(--dark-grey);font-family:Poppins,sans-serif;font-size:34px}h1{margin:18px 0 12px}.sub{opacity:.7;max-width:500px;color:var(--paragraph-grey);margin:0 20px 30px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.7}.btn-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:44px;display:flex}.btn-row a{text-decoration:none}.btn-primary{background-color:var(--dark-green);color:#fff;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;height:50px;padding:0 30px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s,transform .15s;display:flex}.btn-primary:hover{background:#5b8c6e}.btn-outline{height:50px;color:var(--dark-grey);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #1c1c1a;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-outline:hover{background-color:var(--dark-grey);color:var(--cream-white)}@media (max-width:820px){nav{padding:0 5px}.Notfound-page{min-height:75vh;padding:40px 20px}.Notfound-page .icon{font-size:50px}.code-row .digit{font-size:4rem}.Notfound-page h1{font-size:1.2rem}.Notfound-page p{font-size:.8rem}.btn-primary,.btn-outline{font-size:11px}}@media (max-width:567px){.cartion{display:none}}
