body {
    background-image: linear-gradient(to bottom, #f7458f, #e34ee6);
    padding: 50px;
} 



#box  
{
  background-color: rgb(29,29,29);
  color: white;
  font-family: sans-serif;
  font-size: 17px;
  border: 1px solid rgb(253, 213, 16);
  min-height: 100px; /*Makes sure the box isn't tiny. It should still fit larger paragraphs*/
  padding: 30px;
}


#box2
{
  background-color: rgb(29,29,29);
  color: white;
  font-family: sans-serif;
  font-size: 17px;
  border: 1px solid rgb(253, 213, 16);
  max-width: 150px;
}


.navbar 
{
	display: flex;
	padding: 25px;
	font-size: x-large;
	background-color: rgb(29,29,29);
  border: 2px solid #ea50f2;
}




.navbar a 
{
  color: #ff4242;
  margin: auto;
  text-decoration: none;
  text-align: center;
  font-family: caesar;
  font-size: 30px;
}

.navbar a:hover 
{
	background-color: #ff4242;
  color: #fff4ff; 
}