/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
/*main interface, background and standard font*/
body {
  background-color: white;
  background-image: url("images/rainbow.jpg");
  background-repeat:no-repeat;
  background-size: cover;
  color: black;
  font-family: Verdana;
}

/*other text elements, lists, paragraphs*/

h1,
ul{
  color: #01DD33;
  background-color: white;
  border:2px solid purple;
}

p {
  color: red;
  background-color: pink;
}

p em {
  color: purple;
  font-family: times;
}

h1 + p {
  font-size: 200%;
}


/*classes let you have a tag for a specific style and easily add it to some words or paragraphs, it overrides the standard style*/
.truck {
  color: yellow;
  font-family: arial;
  font-size: 60px;
}


/*pre's let you type stuff out and it will apear on the website like you typed it*/
pre {
  text-align: center;
  background-color: rgba(22, 40, 200, 0.70);
}


/*everything about the links*/
a:link {
  color:purple;
  background-color: black;
}

a:visited {
  color:white;
  font-size: 300%;
}
/*navbar*/
.navbar{
  background-color:white;
  height:100px;
}

.nav {
    height:100px;
  display:flex;
  align-items:center;
  justify-content: center;
    list-style-type: none;
  margin: 0;
  padding: 0;
}
a:hover {
  text-decoration: overline;
}