:root{
    --padding:5vw;
}
.big_input {
    
    position:relative;
    height:5vh;
    width:80%;
    font-size: 3vh;
    border:hidden;
    padding:2vh;
    border-radius: 10px;
    margin-bottom:2vh;
    overflow-x:clip;
}

.formContainer{
    position: relative;
}
.form-container * {
    left:50%;
    transform: translateX(-50%);
    grid-auto-flow: column;
}
.formGlob{
    transform:translate(-8vw, -8vw);
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    z-index: -1;
    /*filter: drop-shadow(3px 5px 2px rgba(176, 140, 0, 0.4))  drop-shadow(-3px -5px 2px rgba(255, 213, 0, 0.15));*/
}
.rounded{
    border-radius: 10px;
}
b1 {
    overflow-x: clip;
    position:relative;
    display:inline-block;
    width:80%;
    font-size: 3vw;
    font-weight: 600;
    color: rgb(54, 55, 47);
}
b1 span{
    font-size: 1vw;
}
.hide{
    /*visibility: hidden;*/
}
.inset-shadows{
    box-shadow: 10px 10px 12px rgba(170, 170, 170, 0.40) inset,-10px -10px 12px rgba(170, 170, 170, 0.15) inset;
}
.text-area{
    border:hidden;
    width:100%;
    height:10vw;
    resize:none;
    font-size: 3vh;
    padding:2vh;
}
.form-container{
    
    
}
#response {
    position: absolute;
    color:green;
    top:50%;
    transform:translateY(-50%);
    font-weight: 800;
    font-size:4vw;
    width:100%;
    text-align: center;
    white-space: nowrap;
    z-index:0;
    opacity: 0;
    transition: opacity 1s;
    /*animation:fall 10s forwards;*/
}
b2{
    display: block;
    font-size: 2vw;
font-weight: 600;
    color: rgb(54, 55, 47);
}
.container{
    padding:8vw;
    position:relative;
    margin:5vw;
}
.submit{
    margin-top:1vh;
    position:relative;
    padding:2vw;
    border-radius: 10vw;
    background-color:#ffd200;
    color:white;
    font-weight: 600;
    border:hidden;
    font-size:2.5vw;
    left:50%;
    transform:translateX(-50%);
    filter:drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.20)) drop-shadow(-5px -5px 3px rgba(0, 0, 0, 0.05));
}
@keyframes fall {
    0% {
        transform: translate(30vw, -100vh) rotate(-10deg);
    }
    30% {
        transform: translate(-30vw, -80vh) rotate(10deg);
    }
    60% {
        transform: translate(30vw, -60vh) rotate(-10deg);
    }
    
}