* {margin: 0; padding: 0; }
body {font-family: Arial, Helvetica, Sans-serif; }

/*h1 {font-weight: normal; padding: 1.5em; color: white; text-shadow: 1px 1px 0px #444; width: 1000px; margin: auto;}*/

nav {
    background:#52b350;
    position: sticky;
    top:0;
    padding: 0 85px;
    display: flex;
    align-items: center;
    justify-content:space-between ;
    height:80px;
}
label.logo{
    color:#fffef7;
    font-size: 35px;
    line-height:80px;
    padding: 0 100px;
    font-weight: bold;
}
nav a {color: white; text-decoration: none;}
nav a:hover {color: #ddd;}
/*nav ul {display: table; width: 1000px; margin: auto;}*/
nav li {display: table-cell; text-align: center; padding: 1em;}

main {
    display: block;
    align-items: center;
    background-color: #141414;
    color: white;
}



p {margin-bottom: 1em;}

body {}
input, label, select, textarea {
    display: block;

}
label {

}
input[type="submit"] { width: auto; margin-top: 40px; padding: 0.5em 1em; clear: both; font-size: 1em;}

input .delet{margin-left: 15em; width: auto; padding: 0.5em 1em; clear: both; font-size: 1em;}


/*input[type="delet"]*/
/*    {*/
/*    margin-left: 15em;*/
/*    width: auto;*/
/*    padding: 0.5em 1em;*/
/*    clear: both;*/
/*    font-size: 1em;*/
/*}*/

form {
    display: flex;
    flex-direction: column;
    width: 50%;
    height: auto;
    background: #3a3a3a;
    position: absolute;
    top:200px;
    left:25%;
    padding: 50px 35px;
}

blockquote {display: table; margin-bottom: 1em; border-bottom: 1px solid #ccc; padding: 0.5em; }
blockquote p {display: table-cell; width: 90%; vertical-align: top;}
blockquote form {display: table-cell; width: 10%;}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #3586ff;
    min-height: 10px;
    padding: 20px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}