body {
    margin: 0;
    padding: 0;
    background-color: #f4eeee;
    height: 100vh;
  }
  
  @media screen and (max-width: 1080px) {
	.ukuran-huruf {
		font-family: 1em sans-serif;
		font-size: 1px;
	}
}

  #login .container #login-row #login-column #login-box {
    margin-top: 10px;
    max-width: 380px;
    height: 300px;
    border: 0px solid #f3f1ef;
    background-color: #f3f1ef;
    border-radius: 10px;
  }
  
  #login .container #login-row #login-column #login-box #login-form {
    padding: 20px;
    background-color: #ab1f1f;
  }
  
  #login .container #login-row #login-column #login-box #login-form #register-link {
    margin-top: -50px;
    background-color: #f4eded;
  }
  
  #login-column {
    margin-top: 140px;
    max-width: 350px;
    border-radius: 10px;
  }

  
.font-login {
	font-family: 1em sans-serif;
    font-style: italic;
    font-size: 40px;
    text-align: center;
        color: white;
}

@media screen and (min-width: 1100px) {
	.font-login {
		font-family: 1em sans-serif;
		font-size: 40px;
        font-style: italic;
        text-align: center;
        color: white;
	}
}

@media screen and (max-width: 412px) {
	.font-login {
		font-family: 1em sans-serif;
		font-size: 40px;
        font-style: italic;
         text-align: center;
	}
}

@media screen and (max-width: 360px) {
	.font-login {
		font-family: 1em sans-serif;
		font-size: 40px;
        font-style: italic;
        color: white;
	}
}