body.login-register{min-height:calc(100vh);background:var(--dark-color);background-image:none;position:relative;overflow:hidden}body.login-register::before{content:' ';background:url("/static/assets/piggy_background.png");background-size:cover;width:500px;height:441px;display:block;position:absolute;right:-170px;bottom:-38px;filter:opacity(0.075);transform:rotate(25deg)}body.login-register .box{background:rgb(0 0 0 / 0.25);color:#fff;margin-top:75px;margin-bottom:120px;padding:50px}.title,.or,p{text-align:center}.box .title{color:#fff;letter-spacing:-2px;font-size:2.5em}.or{position:relative}.or::before,.or::after{content:' ';position:absolute;width:calc(50% - 40px);height:3px;border-top:solid 3px var(--line-color);top:calc(40%)}.or::before{left:0}.or::after{right:0}.box form,.oauth-social{margin:3em 0}.box a{color:#fff;border-bottom:solid 3px var(--line-color)}.box .input{border-radius:20px}button.accent{line-height:2.5em;margin:0 auto;width:calc(50%);display:block;min-width:250px}.oauth-social li{margin:0.75em 0}.oauth-social .social{display:block;padding:8px 15px 8px 45px;line-height:1em;border:solid transparent 4px;border-radius:20px}.oauth-social .social span{font-weight:bold;text-transform:capitalize}.fine-print{font-size:0.75em}@media screen and (width <=768px){body.login-register{min-height:auto}body.login-register .header{background:transparent;border-color:transparent}body.login-register .columns{margin:0}body.login-register .box{background:transparent;margin:0}body.login-register::before{top:750px;transition:top 5s}body.login-register.piggy-up::before{top:0}body.login-register.piggy-down::before{top:75px}}