header{position:fixed;top:0;width:100%;padding:15px 30px;background:rgba(0,0,0,.6);color:#fff;z-index:10}.main-container{height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:0 5%}.login-box{width:100%;max-width:380px;background:#fff;border-radius:8px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.login-box h4{text-align:center;margin-bottom:20px;font-weight:600}.btn-google{background:#b03a2e;color:#fff}.btn-facebook{background:#3b5998;color:#fff}.btn-facebook:hover,.btn-google:hover{opacity:.9;color:#fff}footer{position:fixed;bottom:0;width:100%;text-align:center;padding:10px;background:rgba(0,0,0,.7);color:#fff;font-size:14px}.left-content{color:#fff;max-width:500px;margin-right:auto}.left-content h1{font-weight:600}.left-content p{opacity:.8}@media (max-width:768px){.main-container{justify-content:center;padding:20px}.left-content{display:none}}.main-container.dashboard-wrap{height:auto;min-height:calc(100vh - 160px);display:block;align-items:stretch;justify-content:flex-start;padding:100px 5%;max-width:1200px;margin:0 auto}.dashboard-wrap .chart-holder{position:relative;height:260px}.dashboard-wrap .chart-holder--pie{max-width:280px;margin:0 auto;height:240px}