html{
    background-image: url("../images/htmlcode.jpeg");
    background-size: 100em;
    font-family:'Courier New', Courier, monospace;
}

header, footer {
    background-color: rgb(37, 37, 37);
    color: #fff;
    font-size: 1.4em;
    padding: 1em;
}

main{
    width: 70em;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    opacity: 0.9;
    padding: 2em;
}
main h1 {
    padding-bottom: 1em;
}

main h2 {
    font-size: 1.5em;
    padding-bottom: 1em;
    padding-top: 1em;
}

main a {
    background-color: rgb(37, 37, 37);
    text-decoration: none;
    font-size: 1.2em;
    color: rgb(255, 255, 172);
    padding:0.5em;
    
}

main a:hover {
    background-color: rgb(255, 255, 172);
    color: rgb(37, 37, 37);
}

main p {
    font-size: 1.2em;
    padding-bottom: 2em;
}

h1 {
    text-align: center;
    font-size: 1.5em;
}

main img {
    width: 22em;
    margin-right: 10px;
}

footer {
    width: 100%;
    font-size: 1.2em;
    text-align: center;
    position: fixed;
    bottom: 0;
    padding-bottom: 0.5em;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  li {
    display: inline;
    padding-left: 1em;
  }
li img {
    width: 4em;
}

li a {
    text-decoration: none;
    color: #fff;
}

li a:hover {
    color: rgb(255, 255, 172);
}