.authContainer{display:grid;grid-gap:20px;place-items:center;background-color:white;box-shadow:0 0 5px rgba(0,0,0,.2);padding:30px;border-radius:10px;position:relative;min-height:100px;overflow:hidden}.wrapper{display:grid;grid-gap:50px;grid-template-rows:auto 1fr;justify-items:center}.topText{color:var(--accent);font-weight:500}.top-badge{background-color:var(--accent);padding:5px 20px;color:white;border-bottom-right-radius:5px;border-bottom-left-radius:5px;position:absolute;top:0;font-size:13px}.bordered{background:transparent!important;border-color:var(--dark-color)!important}.borderLight{border-color:var(--light-color)!important}.borderLight:hover,input:valid.borderLight{background-color:var(--light-color)!important;color:hsl(0,0%,30%)!important}.borderDark{border-color:var(--dark-color)!important}.backgroundDark,.backgroundDark:hover,.borderDark:hover,input:valid.borderDark{background-color:var(--dark-color)!important;color:hsl(0,0%,100%)!important}.weatherContainer{position:fixed;--height:5px;z-index:-2;height:var(--height);width:50vw;top:unset;bottom:calc(-1 * var(--height));animation:rotate 80s linear infinite;transform-origin:100% 0;filter:blur(400px)}.weather{height:800px;width:800px;border-radius:50%;transition:10s;opacity:.8;background:transparent}.link{text-decoration:underline;cursor:pointer;margin-top:10px;user-select:none}.tabButtons{display:grid;width:100%;grid-template-columns:auto auto;justify-items:end;user-select:none}.tabButton{padding:7px 30px;font-size:13px;color:var(--dark-color);border:2px solid var(--dark-color);border-radius:5px}.tabButton:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.tabButton:last-child{justify-self:start;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.tabButton:hover,.tabButton[data-active=true]{background-color:var(--dark-color);color:white;cursor:default}.tabButton:hover[data-active=false]{cursor:pointer;color:var(--dark-color);background-color:rgb(227,227,227)}.twoColumnGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.stretchX{grid-column:1/-1}.formContainer{position:relative;display:grid;grid-gap:20px;place-items:center;min-width:300px;margin-top:-50px;background:white;padding:80px 40px 40px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.titleTag{position:absolute;top:0;justify-self:center;background:var(--dark-color);color:white;padding:7px 30px;letter-spacing:-1.3px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.button,.titleTag{font-weight:500;user-select:none}.button{color:var(--dark-color);padding:.9em 2.2em;border-radius:var(--border-radius);cursor:pointer;text-align:center;background:var(--light-color);border:var(--border-size) solid transparent;transition:all .2s;box-sizing:border-box;justify-self:end}.button:hover{background-color:hsl(210,20%,86%);color:hsl(0,0%,30%);transform:scale(1.03)}.textBox{position:relative;display:grid;width:100%}.textBox>input{color:var(--dark-color);padding:.9em 1.3em;border-radius:var(--border-radius);background:var(--light-color);border:var(--border-size) solid transparent;transition:all .4s;box-sizing:border-box;outline:none;font-size:1em;width:100%}.profilePictureContainer{display:grid;width:100%;justify-items:center;grid-gap:10px}.outerContainer{position:relative;display:grid}.bubbleMessageContainer{position:absolute;padding:8px 20px;border-radius:5px;color:var(--dark-color);font-weight:600;font-size:.8em;top:0;place-self:center;text-align:center;background:white;transition:.6s;box-shadow:0 4px 12px rgba(0,0,0,.08)}.logoContainer{width:100%;display:grid;justify-items:center}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-wrapper{display:grid;grid-gap:20px;position:relative;justify-items:center}