body{
    width:900px;
    max-width:100%;
    margin:auto;
    background-color: #141416
    
}
#weatherDisplay{
    background-color: #696969;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color:#141416;
    border-left: solid #f8eee6;
}
div{
    background-color: #f8eee6;
    
}
h3{
    margin-left:20px;
   margin-right:20px;
   color: #f8eee6;
}
p{
   margin-left:20px;
   margin-right:20px;
}
form{
    margin-left:10px;
}
button{
    margin-left:10px;
    margin-top:5px;
}
header {
    background: #141416;
    color: #f8eee6;
    padding: 0px 0px;
}


header nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    font-size: 10px; /* adjusts to the size of the screen */
    padding-left:0px;
}

header nav ul li {
    margin: 10px 5px;
}


header nav ul li a {
    color: #f8eee6;
    text-decoration: none;
    font-weight: bold;
    /*font-size: clamp(12px, 4vw, 24px); /* Scales between 12px and 24px */
}
footer {
    text-align: center;
    padding: 10px 0;
    background: #141416
    /*margin-top 20px; error in css*/
}
footer nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0px;
}

footer nav ul li {
    margin: 0 10px;
    font-size: 10px; /* adjusts to the size of the screen */
}

footer a {
    color: #f8eee6;
    text-decoration: none; /* Removes the underline */
    cursor: default; /* Changes the pointer to default (optional) */
}

footer a:hover {
    color: inherit; /* Ensures no color change on hover */
    text-decoration: none; /* Ensures no underline on hover */
    cursor: pointer; /* default pointer on hover */
}

footer p {
    font-size: 10px;
    color: #f8eee6;
}