body{height:100vh;margin:0;background-color:var(--background-color);position:relative;overflow:hidden}body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat center center/cover;z-index:-1;transition:background-image 2s ease;background-image:var(--background-gif);filter:blur(2px)}.main-content{height:100%;display:flex!important;justify-content:center!important;align-items:center!important}.content{font-family:var(--primary-font);height:auto;width:45%;display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:rgba(255,255,255,0.603);border:1px solid white;color:black;padding:20px 0;border-radius:10px}div{margin:5px 0}.container-logout{text-align:center;color:red}.login{background-color:var(--primary-color)!important;color:var(--text-color)}.login:hover{background-color:var(--primary-color-lighter)!important;color:var(--text-color)}.forgot{background-color:var(--secondary-color)!important;color:var(--text-color)}.forgot:hover{background-color:var(--secondary-color-lighter)!important;color:var(--text-color)}.form-wrapper{text-align:center;background-color:white!important;border:1px solid white;padding:15px 30px;border-radius:8px;box-shadow:var(--box-shadow-default);max-height:420px!important;overflow:auto}.form-wrapper button{margin:10px 0;padding:3px 90px;// box-shadow:1px 2px 3px 1px #a5a5a5c9;width:100%}.form-wrapper a{width:100%;text-shadow:2px 1px #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,0px 0px 8px #000}h1,h2,h3,h4{color:var(--primary-color)}.image-wrapper{height:60vh;width:20vh}.image-wrapper img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.content{width:90%}.atmos-logo{text-align:center}.atmos-logo img{width:90%!important;height:70%}.form-wrapper{overflow-y:scroll}}