*{
    padding: 0px;
    margin: 0px;
    /* box-sizing: border-box; */

}
body{
    height: 100vh;
    width: 100vw;
    background-image: url('/bgim/bg1.jpg');
    background-size: cover;
    background-position: center;
    align-items: center;
}
.contain{
    display: flex;
    justify-content: center;
}
#container{
    position: absolute;
    display: flex;
    border-radius: 30px;
    flex-direction: column;
    padding: 50px;
    height: 70vh;
    width: 60vw;
    top: 100px;
    /* margin: 0px auto; */
    box-sizing: border-box;
    border: 0.5px solid rgba(255, 251, 0, 0.048);
    justify-content: space-around;
    background-color: rgba(255, 226, 131, 0.1);
    align-items: center;
    transform: translate(0%, 7%);
    /* opacity: .6; */
}
#container>h1{
    font-family: 'Helvetica';
    text-align: center;
    font-size: 40px;
    margin: 0px auto;
    word-spacing: 10px;
    font-weight: bold;
    transform: translate(0%, -50%);
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.05),
               0 0 10px rgba(255, 215, 0, 0.05),
               0 0 20px rgba(255, 215, 0, 0.05);
    color: #000000c0; /* Golden color */
}
.form_input{
    margin: 0px auto;
    height:30px;
    width: 300px;
    /* border-radius: 20px; */
    background: transparent;
    border: 0px transparent;
    color: black;
    font-weight: bolder;
    font-family: 'Bahnschrift SemiBold';
    font-size: 1.5rem;
    box-sizing: border-box;
    border-bottom: 2px solid black;
}
.container>input::placeholder{
    color: black;
}
.container>input:placeholder-shown{
    text-align: center;
    
}
.container>button{
    background-color: rgba(243, 255, 240, 0.075);
    border: none;
    color: black;
    height:40px;
    width: 300px;
    border-radius: 40px;
    font-size: 1.5rem;
    font-weight: bolder;
    cursor: pointer;
    box-shadow: 4px 4px black, -4px -4px black;
    padding: 0px;
}
.container>button:hover{
    background-color: rgba(255, 255, 255, 0.616);

}
/* .form_input:hover{
    border: 1px solid red;
} */
footer{
    text-align: center;
    font-family: 'Lucida Sans';
    display: flex;
    font-size: 12px;
    width: 100vw ;
    height: 1.5vw;
    position: absolute;
    bottom: 0px;
    background-color: black;
    color: white;
    justify-content: center;
    align-items: center;
}
#title{
    display: block;
    text-align: center;
    transform: translate(0%, 20%);
}
span{
    font-family: 'Colonna MT', cursive;
    text-align: center;
    margin: 0px auto;
    word-spacing: 20px;
    font-weight: lighter;
    font-size: 80px;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8),
               0 0 20px rgba(255, 215, 0, 0.6),
               0 0 30px rgba(255, 215, 0, 0.4),
               0 0 40px rgba(255, 215, 0, 0.2),
               0 0 50px rgba(255, 215, 0, 0.1);
}