.formw {
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;

}

.formw input {
    border: solid 1px rgb(255, 255, 255);
    background-color: rgb(255, 255, 255, 0.1);
    border-radius: 0.6rem;
    transition: opacity 300ms;
    cursor: pointer;
    width: 100%;
    line-height: 100%;
    color: #FAFAFA;
    margin: 1em 0;
    font-size: 25px;
    text-align: center;
    padding-top: 7%;
    padding-bottom: 7%;
    transition: all 0.3s ease-in-out;
}

.formw input:hover {
    background-color: rgb(255, 255, 255, 0.3);
}

.formw input:hover:nth-child(4) {
    background-color: rgb(255, 255, 255, 0.7);
    color: rgb(6, 62, 64);
}

.formw input::placeholder {
    color: rgb(6, 62, 64);
}

.formw input:focus {
    border: solid 1px rgb(255, 255, 255);
    color: #FAFAFA;
    background-color: rgb(255, 255, 255, 0.0);
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    .formw {
        width: 60%;
    }

    .formw input {
        margin: .2em 0;
    }
    
    .popVisualizator a{
        font-size: 14px;
    }
}