#form {
            justify-content: center;
            align-items: center;
            border: 1px solid grey;
            width: 400px;
            height: 250px;
            margin: 10px;
            padding: 10 0px 10 0px;
            background-color: rgb(233, 230, 230);
        }

        #username {
            background-color: #ffffff;
            width: 340px;
            height: 40px;
            border-radius: 6px;
            margin: 8px;
            font-size: 25px;
            border: 2px solid grey;
        }

        #password {
            background-color: #ffffff;
            width: 340px;
            height: 40px;
            border-radius: 6px;
            margin: 8px;
            font-size: 25px;
            border: 2px solid grey;
        }
        #password:hover {
            background-color: #ffffff;
            width: 340px;
            height: 40px;
            border-radius: 6px;
            margin: 8px;
            font-size: 25px;
            border: 2px solid grey;
        }

        input:focus {
            outline: red !important;
            background-color: red;
            border: 2px solid grey;
            box-shadow: 0 0 30px #0974d1;
        }
        input:hover {
            outline: none !important;
            border:1px solid red;
            box-shadow: 0 0 10px #0974d1;
          }

        #submit-btn {
            background-color: #0974d1;
            border: 0px solid grey;
            border-radius: 6px;
            color: #ffffff;
            font-weight: bold;
            font-size: large;
            width: 340px;
            height: 40px;
            margin: 10px;
            cursor: pointer;
        }

        #submit-btn:hover {
            background-color: #00539b;
            color: #ffffff;
        }

        #submit-btn:focus {
            opacity: 1;
        }