/* header style*/
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: 1% 1% 0px 1%;
    border: thick double darkgoldenrod;
}
  
#webheading, #search {
    font-size: 200%;
    padding: 1% 1% .5% 1%;
    font-weight: bold;
}


body {
    background-color: rgb(0, 51, 20);
    color:rgb(214, 150, 247);
}

.box {
    background-color: rgb(0, 102, 40);
    margin-right: 17%;
    margin-left: 17%;
    padding: 2.5%;
    border: .5% solid rgb(51, 0, 0);
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

.centervid {
    display: block;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

h1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 25%;
}