* {
    font-family: sfMoviePoster;
}

body {
    background-color: black;
    color: white;
}

h1,
h2 {
    text-transform: uppercase;
    color: rgb(38, 211, 254);
    text-shadow: 4px 8px 8px rgb(38, 211, 254, 0.5);
}

button {
    background-color: rgb(255, 255, 255);
    box-shadow: 4px 8px 12px 0 rgba(255, 255, 255, 0.3);
}

button:hover {
    background-color: rgb(38, 211, 254);
    color: white;
}

input[type=text],
input[type=password] {
    background-color: rgb(255, 255, 255);
    box-shadow: 4px 8px 12px 0 rgba(255, 255, 255, 0.3);
}

input[type=radio] {
    background-color: rgb(38, 211, 254);
}

a {
    color: rgb(100, 100, 100);
}

.progress_background {
    background-color: white;
    box-shadow: 4px 8px 12px 0 rgba(255, 255, 255, 0.3);
}

.progress_bar {
    background-color: rgb(38, 211, 254);
    box-shadow: 4px 8px 12px 0 rgba(38, 211, 254, 0.3);
}

/* Add a background color to the top navigation */
.topnav {
    background-color: rgba(255, 255, 255, 0.3);
}

/* Style the links inside the navigation bar */
.topnav a {
    color: #f2f2f2;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: rgb(38, 211, 254);
    color: white;
}