body {
    min-width: 500px;
    max-width: 580px;
    background-color: #000;
    font-size: 20px;
}

input, textarea {
    width: 95%;
    max-width: 150px;
   background-color: #ff8800;
   font-size: 16px;
   padding: 5px;
   margin: 5px;
}

label {
	display: block;
}

header {
    max-width: 540px;
    background-color: white;
    padding: 10px;
}

footer {
    max-width: 550px;
    background-color: ghostwhite;
    font-size: x-small;
    padding: 2px;
}

main {
    max-width: 550px;
    background-color: #C0C0C0;
    padding: 20px;
}

.layout-sidebar {
    display: grid;
    gap: 5px;
    grid-template-columns: 2fr 2fr;

}
.link {
    background-color: #ff8800;
    color: #000;
    padding: 8px 8px;
    float: right;
    text-decoration:none;
    font-size: small;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
}
.submit {
    background-color: #ff8800;
    padding: 8px 16px;
    text-decoration:none;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
}

.wrapper {
  max-width: 550px;
  background-color: #ff8800;
  padding: 10px;
}
.status {
  color: red;
  font-weight:bold;
  font-size: small;
  padding: 8px;
}
.box {

 display: grid;
 position: relative;
justify-content: center;
align-items: center;
}