body,html{background-image:url(/assets/backgrounds/404_BG.png);background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative;height:100vh;width:100vw}.nf-title{position:relative;width:100%;height:100%}.glass-container,.nf-title{display:flex;justify-content:center;align-items:center;flex-direction:column}.glass-container{z-index:1;background-color:#0000005c;-webkit-backdrop-filter:blur(2vh);backdrop-filter:blur(2vh);border:.1vh solid #ffffff20;width:50vw;height:60vh;border-radius:5vh;padding:5vh;gap:5vh;box-shadow:0 0 5vh #000000;transition:.5s ease-in-out}.glass-container:hover{transform:translateY(-1%);transition:.5s ease-in-out}.page_title{z-index:9;position:absolute;bottom:12%}.titleH1{color:#ffffff;font-family:Orbitron,sans-serif;font-size:clamp(3vh,6vw,7vh);text-transform:uppercase;font-weight:600;text-align:center}.D404-container{width:100%;height:100%;z-index:9;display:flex;flex-direction:column;justify-content:start;margin-top:5vh;align-items:center;gap:2vh}.P404-text{font-family:lato,sans-serif;font-weight:300;font-size:clamp(2vh,6vw,4vh)}.E404-text,.P404-text{text-align:center;color:#fff}.E404-text{font-family:Orbitron,sans-serif;font-size:clamp(6vh,6vw,8vh);font-weight:600}.D404-buttons{display:flex;flex-direction:row;gap:3vh;width:100%;height:max-content;justify-content:center;align-items:center;margin-top:3vh}.D404-buttons .button{background-color:rgba(70,70,70,.361);padding:1vh 2vh;width:30%;text-align:center;-webkit-backdrop-filter:blur(5vh);backdrop-filter:blur(5vh);color:#fff;border:.1vh solid #ffffff20;font-size:clamp(1vh,3vw,2vh);font-weight:300;box-shadow:0 0 0 #00000040;border-radius:2vh;transition:.3s ease-in-out;font-family:Lato,sans-serif;text-transform:uppercase}.button:hover{font-weight:600;box-shadow:0 .1vh 2vh #ffffff40;cursor:pointer;transition:.3s ease-in-out}@media screen and (max-width:1200px){.glass-container{padding:2vh;width:90%}.D404-container{margin-top:10%}.D404-buttons{flex-direction:column;width:100%}.D404-buttons .button{width:90%}}@media screen and (max-width:800px){.glass-container{padding:2vh;width:90%}.D404-container{margin-top:20%}.D404-buttons{flex-direction:column;width:100%}.D404-buttons .button{width:90%}}@media screen and (max-height:400px){.glass-container{padding:2vh;width:50%}.D404-container{margin-top:0}.D404-buttons .button{width:90%}}