@font-face {
    font-family: "myFont";
    src: url("3dumb/3Dumb.ttf");
}

h1 {
    font-family: myFont;
    color:darkmagenta;
}
#bucketList{
    padding-left: 2rem;
    list-style-type: none;
 }
#bucketList li {
    padding-left: 1.5rem;
    background-image: url("background-image.png");
    background-position: 0 0;
    background-size: 0.75rem 0.75rem;
    background-repeat: no-repeat;
  }

  /*Link 1*/
  #link1:visited {
    color: purple;
  }
  #link1:focus {
    color: darkblue; 
    border-style: dashed;        
  }
  #link1:hover {
    background-color:bisque;
    border-radius: 5px;
  }
  #link1:active {
    color: yellow;
  }
  
  /*Link 2*/
  #link2:link {
    color:darkgreen;
  }
  #link2:visited {
    background-color: darkgreen;
  }
  #link2:focus {
    text-decoration: wavy;          
  }
  #link2:hover {
    background-color:bisque;
    border:darkblue;
  }
  #link2:active {
    text-decoration: line-through;
  }

  /*Link 3*/
  #link3:link {
    color:purple;
  }
  #link3:visited {
    color: darkblue;
  }
  #link3:focus {
    background-color:beige;         
  }
  #link3:hover {
    background-color:bisque;
    border:darkblue;
  }
  #link3:active {
    text-decoration: line-through;
  }

  /*Link 4*/
  #link4:link {
    color:red;
  }
  #link4:visited {
    color: blue;
  }
  #link4:focus {
    border-style: dotted;         
  }
  #link4:hover {
    border-radius: 5px;
  }
  #link4:active {
    background-color: red;
    color: green;
  }