.head{
    width: 100%;
    background-color:  var(--main);
    text-align: right;
    padding: 10px;
    box-sizing: border-box;
    font-weight: bold;
    border-bottom: solid;
    border-top: solid;
    border-width: 5px;
    border-color: var(--bar);
}

#container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    margin-bottom: -80px;
    padding-bottom: 80px;
    padding-left: 10px;
    padding-right: 10px;
/*    width: 100%;*/
}


input[type=text] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus {
    /*border-color: var(--hover);*/
}


input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    margin-bottom: 10px;
    width: 100px;
}