:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex:1;display:flex}body{background:url(/blueTunnel.png) no-repeat center center fixed;background-size:cover;margin:0;min-height:100vh;display:flex;box-sizing:border-box;overflow:hidden}#root{margin:auto;text-align:center}.main-div{background-color:#5b6e7530;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(3px);box-shadow:30px 30px 50px #000133;position:relative;width:80vw;height:60vh;margin:auto;padding:20px;border:1px #ffffff solid;border-radius:25px;z-index:200;transition:color 1s,backdrop-filter 1s;overflow:hidden}.main-div:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:backdrop-filter 1s}.box-div{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;width:100%;z-index:999}.btn-div{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;height:fit-content;width:100%}.BTN{background-color:#00013385;margin:20px;width:500px;padding-top:20px;padding-bottom:20px;color:#fff;font-weight:700;font-size:35px;text-decoration:none;border-radius:10px;transition:.5s;cursor:pointer;position:relative;box-shadow:#000133 0 10px 10px 5px}.BTN:before{content:"";position:absolute;border-radius:10px;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#48ff00,#0ef,#a200ff,#ea00ff,#90f,#002bff,#0084ff,#00f7ff,#48ff00);background-size:400%;filter:blur(2px);z-index:-1;transition:opacity .3s ease-in-out;opacity:0;animation:glowing 20s linear infinite}.BTN:hover:before{opacity:1}.BTN:hover{transform:translateY(-10px);box-shadow:#000133 0 15px 2px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.BTN:active{transform:translateY(0);box-shadow:#81818177 0 0;transition:transform .03s ease-in-out,box-shadow .03s ease-in-out}@keyframes glowing{0%,to{background-position:0 0}50%{background-position:400% 0}}@media screen and (max-width: 1349px){.main-div{margin-top:-100px;width:90vw;height:70vh}.BTN{width:400px;font-size:30px;margin:15px}}@media screen and (max-width: 1024px) and (max-height: 768px){.main-div{height:70vh;padding:2px}}@media screen and (max-width: 768px){.main-div{margin-top:-80px;width:90vw;height:80vh;padding:15px;box-shadow:20px 20px 30px #000133}h1{margin:50px}.btn-div{flex:1;flex-direction:column;justify-content:center}.BTN{border:1px solid white;width:350px;font-size:25px;margin:20px;padding-top:20px;padding-bottom:20px}}@media screen and (max-width: 915px) and (max-height: 450px){.main-div{margin-top:-10px;height:90vh;padding:2px}.btn-div{flex-direction:row;flex-wrap:wrap;justify-content:space-around}.BTN{width:200px;font-size:18px;margin:20px;padding:20px}}@media screen and (max-width: 480px){.main-div{margin-top:-50px;width:80vw;height:70vh;padding:10px;box-shadow:10px 10px 20px #000133}h1{margin:1px}.btn-div{flex:1;flex-direction:column;justify-content:center}.BTN{width:250px;font-size:20px;margin:20px;padding-top:12px;padding-bottom:12px}}@media screen and (max-width: 850px) and (max-height: 380px){.main-div{margin-top:-70px;height:70vh;padding:10px}h1{margin:1px}.btn-div{flex:1;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-around}.BTN{width:220px;font-size:16px;margin:30px;padding:25px;border:1px solid white}}@media screen and (max-width: 320px){.main-div{width:90vw;height:80vh;padding:5px}h1{margin:1px}.btn-div{flex:1;justify-content:center}.BTN{width:250px;padding-top:15px;padding-bottom:15px;font-size:16px;margin:20px}}.background-video{position:fixed;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%)}