#container{
            width: 40%;
            max-width: 480px;
            height: 40%;
            background-color:rgba(49, 95, 189, 0.9);
            border: solid  rgb(16, 57, 138);
            padding: 20px;
            border-radius: 30px;
        }

        #container h1{
            font-size: 36px;
            text-align: center;
            color:  rgb(234, 218, 202);
            margin-bottom: 10px;
        }


        .text{
            margin: 40px auto;
            position: relative;
            text-align: center;
        }

        .text input{
            font-size: 16px;
            color: rgb(234, 218, 202);
            width: 80%;
            height: 50px;
            background-color: transparent;
            border-radius: 30px;
            padding: 0 20px;
            transition: all 0.5s ease-in-out;
            border: 2px solid rgb(16, 57, 138);
            }

        .text input::placeholder{
            color:  rgba(234, 218, 202);
        }

        .text input:focus{
            border: 2px solid  rgb(241, 170, 18);
            outline: none;
        }

        .captcha {
            display: flex;
            justify-content: center;
            margin: 15px 0;
        }


        .submit{
            display: block;
            margin: 20px auto 0;
            background-color: rgba(49, 95, 189, 0.7);
            width: 60%;
            max-width: 260px;
            height: 45px;
            border-radius: 30px;
            outline: none;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            cursor: pointer;
            font-size: 20px;
            color: rgb(234, 218, 202);
            font-weight: 600;
            border: 2px solid rgb(16, 57, 138);
            transition: 0.2s ease-in-out;
            text-align: center;
        }

        .submit:hover{
            border-color:  rgb(241, 170, 18);
            box-shadow: 3px 3px 6px rgb(73, 31, 8);
            transition: ease-in-out 0.1s;
        }