*{box-sizing:border-box;margin:0;padding:0}body{display:flex;min-height:100vh;max-height:100vh;align-items:center;justify-content:center;font-size:16px;text-align:center;font-family:vazir,sans-serif;background:#000;color:hsla(0,0%,100%,.8);overflow:hidden!important}a{text-decoration:none}canvas{display:block}.card{background-color:hsla(0,0%,4%,.7);border:1px solid rgba(50,50,50,.2);position:absolute;border-radius:1.2rem;width:60%;height:70%;box-shadow:20px 20px 50px rgba(0,0,0,.5);color:#f0f0f0;overflow-y:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:12;-webkit-user-select:none;-moz-user-select:none;user-select:none}.texts{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.title_404{font-size:12vw}.text_404{font-size:2vw}.matrix{color:#0f0}.text_stroke{color:transparent;-webkit-text-stroke:3px #0f0}.close_btn{position:absolute;right:0}#search_box{width:60%;border-radius:10px;box-shadow:none;padding:.7rem .8rem;margin:10px 0;font-size:1vw;background-color:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.8)}@media (max-width:768px){.card{width:85%}.title_404{font-size:100px}.text_404{font-size:16px}#search_box{font-size:12px}}