body {font-size: 18px; line-height: 1; font-family: 'Montserrat';}

.od-login-container {position: relative; height: 100vh; background: #0d0d0d; overflow: hidden;}
.od-login-container article {position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); padding: 50px; box-sizing: border-box; max-width: 600px; background: #111; box-shadow: 0 0 10px #000; opacity: 0; transition: 1s;}
.od-login-container.active-scroll article {top: 50%; opacity: 1;}
.od-login-container article h1 {color: #fff; text-align: center; margin-bottom: 30px;}
.od-login-container article p a {color: #fff; text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid #fff; margin-top: 20px; display: inline-block; transition: 0.3s;font-family: 'Montserrat' ,sans-serif;;}
.od-login-container article p:hover a {color: #fff9;}
.od-login-container article input {background: #000; color: #fff; border: 1px solid #222; padding: 20px 35px; box-sizing: border-box; width: 100%; margin: 10px 0; font-size: 18px; transition: 0.3s;}
.od-login-container article input:focus {border: 1px solid #fff;}
.od-login-container article img {width: 80%; margin: 0 auto 30px auto;}
.od-login-container article .button {padding: 20px 35px; background: #000; color: #fff; margin: 10px 0; text-align: center; border: 0; outline: 0; font-size: 18px; line-height: 1; transition: 0.3s;}
.od-login-container article .button:hover {background: #242424;}
.od-login-container article .message {background: #a81111; text-align: center; line-height: 35px; margin-top: 20px; color: #fff;}