.backgroundSVG,body{margin:0;padding:0}.backgroundSVG{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.codeContainer{padding:2rem 3rem;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:rgba(255,255,255,.09);border-radius:1rem;box-shadow:0 0 20px rgba(255,255,255,.07);overflow:hidden;text-align:center}.codeContainer:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:inherit;background:conic-gradient(white 0deg,transparent 0deg 1turn);padding:2px;pointer-events:none;z-index:1}.code{font-size:3rem;font-weight:700;letter-spacing:.5rem;color:#ffffff;text-shadow:0 0 10px #000000,0 0 20px #000000;font-family:Montserrat,monospace}.borderLine{z-index:2}.loadingBackground{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:flex;align-items:center;justify-content:center;overflow:hidden}.loadingBlurBackground{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.5);z-index:0}.loadingRiple{position:relative;z-index:1}.everythingContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.WelcomeText{font-size:2.5em;font-weight:500;padding-bottom:.3em}.JoinText,.WelcomeText{font-family:Montserrat;text-align:center}.JoinText{font-size:1.5em;font-weight:300;padding-bottom:2em}.CourseNameText{font-size:1.7em;font-weight:400;padding-top:1.5em;padding-bottom:.5em}.CourseNameText,.TeacherNameText{font-family:Montserrat;text-align:center}.TeacherNameText{font-size:1.2em;font-weight:300}.logo{width:10em;text-align:center;padding-bottom:1em}