*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body
{
	font-family: Verdana, arial, sans-serif;
	color: #343434;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#banner{
    width:100%;
    
}
h2{
    text-align: center;
}
h1, h2, h3, p, nav
{
 	font-family: Quando, arial, serif;
 	color: #1a4449;
    margin-top: 1em;
    margin-bottom: 1em;
}

header
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1em;
}
nav {
    background-color: #1a4449;
    display: flex;
    justify-content: center;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    
     }
  

  
  nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  nav li a:hover {
    background-color: #02344b;
  }
  .active-page {
    background-color: rgb(9, 116, 116);
    color: #04131a;

  }
  .main-content {
    padding: 20px 0;
  }
  .main-content h3, .main-content p {

    width:900px;
    margin:0 auto;

  }
  .main-content h3{
    margin-bottom:10px ;
    text-align: center;
  }
  .admin {
    width: 100%;
    text-align: center ;
  }
#cabinlist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
section
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 1em;
    
}

article
{
    width: 350px;
}
table {
    border-collapse: collapse;
    width: clamp(40em, 100%, 60em);
    margin-inline: auto;
    margin-top: 3em;
    background-color: rgb(229, 238, 236);
}

th, td {
    border: 2px solid #dddddd;
    text-align: left;
    padding: 8px;
}

th {
    background-color: #1a4449;
    color: azure;
}
#new_cabin {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: clamp(40em, 100%, 60em);
    color:black;
    margin:0 auto;
}
#new_cabin a, #add-btn, #login-btn{
    background-color: #1a4449;
    color: azure;
    text-decoration: none;
    padding: 7px 12px;
    border:none;
}


article img
{
    width: 300px;
    height: 220px;
}

span
{
    font-weight: bold;
}

footer
{
	background-color: #173e43;
	color: white;
	text-align: center;
	padding: 2em;
    margin-top: auto;

}

footer a 
{
	color: white;


}
.wrapper {
    display: flex;
    justify-content: center;
}
.wrapper form {
    width: 600px;
}
.wrapper h2{
    text-align: left;
    width: 600px;
}