body {
    padding: 0em;
    background-color: rgb(2, 2, 24);
}

h1 {
    color: #fff;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

#panel2 {
    background-color: rgba(5, 1, 53, 0.733);
    margin-top: 15%;
    display: none;
}

#panel2 h3 {
    color: #fff;
}

input[Type="text"] {
    width: 95%;
    border: 3px solid purple;
    border-radius: 20px;
    outline: none;
    padding: 1.5%;
}

input[Type="submit"] {
    width: 35%;
    background: rgb(7, 40, 150);
    color: #fff;
    padding: 1%;
    border: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.527);
    border-radius: 20px;
    margin: 1%;
    margin-top: 2%;
}

input[Type="submit"]:hover {
    cursor: pointer;
}

h4 {
    color: #fff;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}