body{
    font-family: Arial,sans-serif;
    background-color: aquamarine;
    /* background: url("teal-6000X4000-wallpaper-w549btt2edgqee6d.jpeg") no-repeat center center fixed;
    background-size: cover; */
    height: 100vh;
    margin: 0;
}

#bgVideo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2; 
    filter: blur(2px); 
}

form{
    background: rgba(255, 255, 255, 0.021);
    backdrop-filter: blur(5px); 
    text-align: center;
    max-width: 350px;
    margin: 50px auto;
    padding: 140px 60px;
    border-radius: 20px;
    box-shadow: 5px 10px 10px rgba(25, 125, 155, 0.637);
    border: 4px solid rgba(72, 210, 245, 0.048);
}

#textBox {
    width: 60%;
    text-align: center;
    border-radius: 10px;
    font-size: 2em;
    border: 2.5px solid rgba(234, 0, 255, 0.233);
    margin-bottom: 20px;
    background-color: rgba(110, 114, 114, 0.192);
}

label{
    font-size: 20px;
    font-weight: bold;
}

button{
    margin-top: 3rem;
    background-color: rgb(11, 102, 102);
    color: aliceblue;
    font-size: 1.3em;
    border-radius: 20px;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

button:hover{
    background-color: rgba(240, 255, 255, 0.151);
    color:  rgb(0, 24, 24);
    border: 1px solid rgba(4, 38, 102, 0.534);
    font-weight: bold;
}

#result{
    font-size: 1.75em;
    font-weight: bold;
}