a:link {
    color: darkmagenta;
}
  
a:visited {
    color: rgb(103, 138, 0);
}
  
  /* when hovering over a url it loses the underscore */
a:hover {
    color: cornsilk;
    text-decoration: none;
}
  
#webheading a{
    color: darkseagreen;
    text-decoration: none
}
  
#websurf a:visited {
    color: darkseagreen;
}
  
#websurf a:link {
    color: darkseagreen;
}
  
#websurf a:hover {
    color: rgb(188, 143, 188);
}
    
nav {
    background: darkmagenta;
}
  
    
nav ul{
    display: flex;
    list-style: none;
}
  
nav .nav {
    padding: 10px 10px 0px 10px;
    border: thick double darkgoldenrod;
}
  
#webheading, #search {
    font-size: 200%;
    padding: 10px 10px 5px 10px;
    font-weight: bold;
}

body {
    background-color: antiquewhite;
}

.but {
    border-width: 5px;
    border-style: solid;
    border-color: darkgoldenrod;
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

}