body {
background-color: #111111;
color: #fff;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}

.link {
color: #00aafc;
text-decoration: none;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

#notify {
background-color: #26272f;
width: 84%;
height: auto;
margin: auto;
border-left: 6px solid #ff0000;
border-radius: 6px;
display: none;
}

#notify-1 {
padding: 8px;
}

#form-sign-up {
padding-bottom: 20px;
}

#sign-up {
background-color: #fffff0;
background-color: rgba(255, 255, 255, 0.3);
width: 88%;
height: auto;
border-radius: 10px;
margin: auto;
position: relative;
top: 20px;
}

#sign-up-1 {
padding-top: 16px;
text-align: center;
}

#logo {
margin-top: 10px;
margin-left: 6px;
width: 30px;
height: 30px;
border-radius: 50%;
}

#sign-up-2 {
position: relative;
display: inline;
color: #ffffff;
top: -5px;
}

#sign-up-3 {
background-color: #000000;
width: 80%;
height: 30px;
margin: auto;
border: 2px solid #ffffff;
margin-top: 30px;
}

#username-logo {
border: 2px solid #ffffff;
margin-top: -2px;
margin-left: -2px;
width: 30px;
height: 30px;
}

#sign-up-4 {
position: relative;
background-color: #000000;
color: #ffffff;
font-size: 17px;
top: -11px;
left: 0px;
border: none;
border-radius: -1px;
width: 80%;
}

#sign-up-5 {
background-color: #000000;
width: 80%;
height: 30px;
margin: auto;
border: 2px solid #ffffff;
margin-top: 10px;
}

#email-logo {
border: 2px solid #ffffff;
margin-top: -2px;
margin-left: -2px;
width: 30px;
height: 30px;
}

#sign-up-6 {
position: relative;
background-color: #000000;
color: #ffffff;
font-size: 17px;
top: -11px;
left: 0px;
border: none;
border-radius: -1px;
width: 80%;
}

#sign-up-7 {
background-color: #000000;
width: 80%;
height: 30px;
margin: auto;
border: 2px solid #ffffff;
margin-top: 10px;
}

#sign-up-8 {
position: relative;
background-color: #000000;
color: #ffffff;
font-size: 17px;
top: -32px;
left: 36px;
border: none;
border-radius: -1px;
width: 80%;
}

.password-logo {
border: 2px solid #ffffff;
margin-top: -2px;
margin-left: -2px;
width: 30px;
height: 30px;
}

.show-password-logo {
position: relative;
top: -6px;
left: 156px;
width: 30px;
height: 20px;
z-index: 1;
}

#sign-up-9 {
background-color: #000000;
width: 80%;
height: 30px;
margin: auto;
border: 2px solid #ffffff;
margin-top: 10px;
}

#sign-up-10 {
position: relative;
background-color: #000000;
color: #ffffff;
font-size: 17px;
top: -32px;
left: 36px;
border: none;
border-radius: -1px;
width: 80%;
}

#sign-up-11 {
margin: 8px;
padding-left: 8px;
}

#sign-up-12 {
text-align: center;
margin: 1px;
padding-bottom: 10px;
}

#sign-up-13 {
background-color: #000000;
width: 100px;
height: 50px;
margin: auto;
border-radius: 20px;
text-align: center;
}

#sign-up-logo {
margin-top: 10px;
margin-left: 0px;
width: 30px;
height: 30px;
}

#sign-up-14 {
position: relative;
display: inline;
top: -8px;
left: -6px;
}

#sign-up-15 {
display: none;
}