*x {
    background-color: white !important
}

h1, h2{
text-align: left;
padding-left: 10px;}
*{
border-radius: 20px;
margin: 10px;}

body{background-color: gray;
margin-left: auto;
margin-right: auto;
}

p{margin: 20px;
background-color: tan;
padding: 20px;
border-radius: 10px;

.project-links{
list-style: none;
padding: 0;
margin: 15px auto 25px;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}

.project-links li{
margin: 0;
}

.project-links a{
display: inline-block;
padding: 2px 8px;
text-decoration: none;
color: black;
border-radius: 10px;
border: 1px solid black;
background-color: #f5f5f5;
}

.project-links a:hover,
.project-links a:focus{
text-decoration: underline;
}
border: solid black 2px;}

nav{
background-color: silver;
padding: 5px;
border: solid black 2px;}

/* chaos mode */
ul {
  list-style: none; /* Remove bullets */
  margin: 0;        /* Remove default margin */
  padding: 0;       /* Remove default padding */    
}

ul li {
  display: inline-block; /* Display list items as inline blocks */
  margin-right: -10px;    /* Add spacing between items (adjust as needed) */
}


footer{
text-align: center;
background-color: silver;
padding: 5px;
border: solid black 2px;
margin: 20px auto;
}

footer a{
color: black;
text-decoration: none;
margin: 0 6px;
font-weight: bold;
}

footer a:hover,
footer a:focus{
text-decoration: underline;
}

h2{margin: 20px;}

div{
max-width: 500px;
margin-left: auto;
margin-right: auto;}