@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto+Mono:wght@700&display=swap";
.notfound-container{background-color:var(--container-color-alt);text-align:center;width:100%;height:100vh;font-family:var(--body-font);flex-direction:column;justify-content:center;align-items:center;padding:20px;animation:.6s ease-out notfound-fadeIn;display:flex}@keyframes notfound-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notfound-404{font-family:var(--title-font);background:linear-gradient(135deg,var(--negative-color),var(--positive-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:120px;font-weight:700;line-height:1}.notfound-headline{font-family:var(--body-font);color:var(--title-color);margin:16px 0 0;font-size:28px}.notfound-subtitle{font-family:var(--body-font);color:var(--text-color);max-width:520px;margin:12px 0 0;font-size:18px;line-height:1.5}.notfound-button{background-color:var(--pink-color);color:#fff;font-family:var(--body-font);cursor:pointer;border:none;border-radius:10px;margin-top:28px;padding:12px 28px;font-size:16px;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-block}.notfound-button:hover{color:#fff;opacity:.8}.notfound-button:active{color:#fff;transform:scale(.95)}@media screen and (max-width:768px){.notfound-404{font-size:80px}.notfound-headline{font-size:22px}.notfound-subtitle{font-size:16px}}