body {
    background-color: rgb(37,22,47);
    font-family: 'Pacifico', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
    scroll-behavior: smooth;
}
.myForm {
    padding: 20px;
    background-color: #333;
    width: min-content;
    text-align: left;
    display: inline-block;
    min-width: 480px;
    border: 3px solid #fff;
    border-radius: 5px;
}
#accountRegisterForm {
    display: none;
}
#invalidPassword {
    display: none;
}
#validPassword {
    display: none;
}
#registerTitleWrapper {
    color: #fff;
    width: 100%;
    text-align: center;
    margin-top: 100px;
}
#registerWrapper {
    text-align: center;
    margin-top: 50px;
}
.myForm label {
    color: #fff;
    font-weight: bold;
}
.myForm input {
    font-size: 18px;
    padding: 10px;
    width: -webkit-fill-available;
}
#registerButton, #createButton {
    box-shadow: 0px 0px 5px 0px #2F539B;
    transition: all 1s;
    cursor: pointer;
}
#registerButton:hover, #createButton:hover {
    box-shadow: 0px 0px 5px 5px #2F539B;
}
#registerButton:active, #createButton:active {
    position: relative;
    top: 2px;
}
.power-container { 
    background-color: #2E424D; 
    width: 100%; 
    height: 20px; 
    border-radius: 5px; 
    margin-top: 10px;
} 
  
.power-container #power-point { 
    background-color: #D73F40; 
    width: 1%; 
    height: 100%; 
    border-radius: 5px; 
    transition: 0.5s; 
}