.flex-container{
    display:flex;
    flex-direction:column;
    border: 3px dotted var(--second-borders);
    background-color: var(--main-bkcolor);
    position:relative;
    margin: 1%;

}

form{
    padding: 5px;
    width: auto;
}


.flex-container div {
text-align:left;
padding: 1px;

}


legend{
    padding:10px;
    font-weight: bolder;
}

fieldset {
    border: none;
}




@media screen and (min-width:768px) {


    .flex-container{
        display:flex;
        flex-direction:column;
        justify-content: center;
        align-items: center;
        border: 3px dotted var(--second-borders);
        background-color: var(--main-bkcolor);
        position:relative;
        margin: 1%;
    }
    
        
    
    
    
    }