body{font-family:-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;margin:0}body #loginPage{display:flex;height:100%;padding:0;position:absolute;width:100%}body #loginPage #left{color:#8e8e8e;float:left;overflow-y:auto;padding:160px 40px 40px 40px;text-align:center;width:calc(43% - 80px)}body #loginPage #left #accept{cursor:pointer;margin:0 auto;position:inherit;width:100%}body #loginPage #left #feedback{border-radius:4px;background-color:#d9edf7;color:#31708f;font-size:14px;margin:10px auto 10px auto;padding:12px;max-width:350px}body #loginPage #left h1{color:#505050;font-size:40px;letter-spacing:.7px}body #loginPage #left #logo{width:140px}body #loginPage #left p,body #loginPage #left span{bottom:20px;font-size:14px;margin:60px 0 0 0;position:absolute;text-align:center;width:inherit}body #loginPage #left p a,body #loginPage #left span a{color:#4588f9;text-decoration:none}body #loginPage #left p a:hover,body #loginPage #left span a:hover{color:#1274ed}body #loginPage #left #signInContainer{margin:20px 0;text-align:center}body #loginPage #left #signInContainer a{font-size:15px;color:#4588f9;text-decoration:none}body #loginPage #left #signInContainer a:hover{color:#1274ed}body #loginPage #left #signInContainer input{padding:5px}body #loginPage #left #signInContainer #signIn{display:block;margin:10 auto 0 auto;padding:10px;width:140px}body #loginPage #left #signInContainer #or{font-size:20px;padding:20px 0}body #loginPage #right{display:flex;justify-content:center;align-items:center;float:left;padding:40px;width:calc(57% - 80px);background:#8e44ad;background:-moz-linear-gradient(to bottom right,#8e44ad 0,#3498db 100%);background:-webkit-linear-gradient(to bottom right,#8e44ad 0,#3498db 100%);background:linear-gradient(to bottom right,#8e44ad 0,#3498db 100%)}body #loginPage #right img{border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.2);margin:-40px 0 0 0;max-width:800px;width:100%}@media handheld,only screen and (max-width:1300px){body #loginPage #left{padding:100px 40px 40px 40px}body #loginPage #left h1{font-size:35px}}@media handheld,only screen and (max-width:1110px){body #loginPage{display:inherit}body #loginPage #left{float:none;margin:0;width:calc(100% - 80px)}body #loginPage #left p{position:inherit;width:100%}body #loginPage #left h1{font-size:30px}body #loginPage #right{width:calc(100% - 80px)}body #loginPage #right img{margin:10px 0 0 0}}