body,.page-login{height:100vh;background:#949a6c;color:#eaeabd;.subtitle{text-align:right;font-size:20px;font-family:'Noto Serif TC',serif}.container{height:100%;padding:40px}h1{font-size:60px;font-family:'Playfair Display',Didot,'Bodoni MT',serif}.login-actions{padding-bottom:10%}.login-actions-item{text-align:right;padding:5px 0px}.btn{background:#eaeabd;padding:5px 18px;border-radius:30px;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-ghost{width:50%;background:white;color:#949a6c}.btn-default{width:50%;border:2px solid rgba(255,255,255,0.18);color:#949a6c;border:none}.letter-spacing-4{letter-spacing:4px}.tiny,.tiny span,.tiny a{color:#eaeabd;border:none;font-size:12px;opacity:0.9}}.mobile-only,.tablet-only,.desktop-only{height:100%;display:none}body.mobile .mobile-only{display:block}
body.tablet .tablet-only{display:block;h1{font-size:90px}.subtitle{font-size:28px}.btn{font-size:larger}.tiny,.tiny span,.tiny a{font-size:large}}
body.desktop .desktop-only{display:block;h1{font-size:120px;text-align:center}.subtitle{font-size:42px;text-align:center}.row-1{height:60vh;display:flex;align-items:center;justify-content:center}.row-2{height:40vh}.login-actions{text-align:center;padding-bottom:0}.login-actions-item{text-align:center}.btn{font-size:xx-large}.tiny,.tiny span,.tiny a{font-size:x-large}}