Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="newPagesCSS.css">
    <script src="newPagesJS.js"></script>
</head>
<body>
    <div id="page">
        <div id="Header">
                <ul>
                    <li>Main Page</li>
                    <div id="dropdown">
                        <li> Forums</li>
                        <div id="hidden">
                            <ul>
                                <a href=""><li>Chess</li> <br></a>
                                <a href=""><li>Networking</li></a>
                            </ul>
                        </div>
                    </div>
                    <li>Sign Up</li>
                    <li>About Us</li>
                </ul>
        </div>
        <div id="menu">
                <form id="form">
                    Username: <br>
                    <input type="text" name="" value="" placeholder="Username" id="Username"> <br>
                    Password: <br>
                    <input type="text" name="" value="" placeholder="Password" id="Password"> <br>
                    Email: <br>
                    <input type="text" name="" value="" placeholder="Email" id="Email"> <br>
                    <br>
                    <div id="block1">
                        Predmet: <br>
                        <input type="radio" name="Predmet" value=""> PR3 <br>
                        <input type="radio" name="Predmet" value=""> BP2 <br>
                        <input type="radio" name="Predmet" value=""> KT  <br>
                    </div>
                    <div id="block2">
                        Certifikati: <br>
                        <input type="checkbox" name="" value=""> CCNA <br>
                        <input type="checkbox" name="" value=""> MCSA <br>
                        <input type="checkbox" name="" value=""> JNCA <br>
                    </div>
                    <br>
                    <button type="submit" id="button">Submit</button>
                </form>
        </div>
    </div>
</body>
</html>

----------------------------------------

body{
    background-color: blue
}
#page{
    width: 100%;
    height: 100%;
}
#menu{
    background-color: lightblue;
    border: 1 solid red;
    border-radius: 5%;
    margin: auto;
    display: inline-block;
    width: 20%;
    height: 30%;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 2px 2px 2px red;
}
#form{
    margin-top: 10px;
    margin-left: 10px;
}
input{
    margin-left: 10px;
}
#block1{
    display: inline-block;
    width: 50%;

}
#block2{
    display: inline-block;
}
#button{
    margin-top: 20px;
}
#hidden{
    display: none;
}
#hidden ul{
    background-color: white;
    display: inline-block;
}
li{
    text-decoration: none;
    list-style: none;
    display: inline-block;
    margin-right: 30px;
}
#Header ul{
    text-align: center;
}
#Header{
    background-color: lightblue;
}
#dropdown{
    display: inline-block;
}
#dropdown:hover #hidden{
    display: block;
}
#hidden{
    position: absolute;
    z-index: 1000;
}
#hidden li:hover{
    background-color: grey;
    color: red;
}
#hidden a{
    text-decoration: none;
}