html {
    background-image: url("../codewords.jpeg") /* Markus Spiske "coding script" at pexels.com */; 
    background-repeat: no-repeat; 
    background-size: cover;
}
p {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
    color: rgb(25, 2, 74)
}

h1 {
    color: rgb(8, 242, 219); 
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 
    text-decoration-line: underline;
}

h3 {
    color: rgb(188, 236, 56); 
    font-family: serif; 
    border: 3px dashed pink; 
    background-color: black;
  }

.link-with-icon {
    background-image: url(alison.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 5px;
}

.link-with-icon img {
  height:50px;
  width: 80px;
}

.link-with-icon {
    background-image: url(htmlgoodies.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 5px; 
}

.link-with-icon img {
  height:50px;
  width: 80px;
}

.link-with-icon {
    background-image: url(youtube.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 5px; 
}

.link-with-icon img {
  height:50px;
  width: 80px;
}

#section1 {

  background-color: white;
  padding: 20px;
  border: 5px solid black;
}

#section2 {

  background-color: white;
  padding: 20px;
  border: 5px solid black;
}

#section3 {

  background-color: white;
  padding: 20px;
  border: 5px solid black;
}

#section4 {

  background-color: white;
  padding: 20px;
  border: 5px solid black;
}