body{
  background-image: url("bg2.jpg");
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-position:center;
  background-size:cover;
  margin:auto;
  background-color: transparent;}
h1{
  background: black;
  color:#ab20fd;
  font-family: "Lucida Sans Typewriter", "Courier New", monospace;
  text-align: center;
  }
  
h4{
  color:#7d12ff;
  font-family: "Lucida Sans Typewriter", "Courier New", monospace;
  margin:auto;
  margin-top:15px;
  }
  
h2{
  background: linear-gradient(pink, purple);
  border-style:outset;
  border-color:hotpink;
  border-width:4px;
  border-radius:10px;
  text-align: center;}
  
p{
  color: #E8AED5;
  font-family: "Lucida Sans Typewriter", "Courier New", monospace;
  text-align: center;}
  
.navbar ul {
  list-style-type: none;
  background-color:#D1329F;
  margin-top: 10px;
  padding: 0px;
  overflow:hidden;
}

.navbar a {
  color:#F2C5E4;
  margin: 0px;
  padding: 15px;
  display:block;
  text-align:center;
}
.navbar a:hover{
  background-color: #E1A8E1;}
.navbar li{
  float:left;}  
  
#box1{
  background: linear-gradient(to right, #3E0A2C, 	#2E0320);
  border:5px solid;
  border-style:outset;
  border-color:hotpink;
  border-width:5px;
  border-radius:20px;
  width:450px;
  font-size:22px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:15px;
  margin-top:15px;
}

#box2{
  background: linear-gradient(to right, 	#630445, #4A0835);
  border:5px solid;
  border-style:outset;
  border-color:#D636AB;
  border-width:4px;
  border-radius:10px;
  width:auto;
  font-size:22px;
  margin-right:20%;
  
  padding:5px;
}

#box3{
  background: linear-gradient(to right, 	#1F0E1F,  #450545);
  border:5px solid;
  border-style:outset;
  border-color:#B33DB3;
  border-width:10px;
  border-radius:10px;
  height:auto;
  width:300px;
  font-size:22px;
 
}

#box4{
  background: linear-gradient(to right, #000080, #000047);
  border:5px solid;
  border-style:outset;
  border-color:#D636AB;
  border-width:4px;
  border-radius:10px;
  width:auto;
  font-size:22px;
  margin-right:20%;
  margin-top:15px;
  padding:5px;
}

#box5{
  background: linear-gradient(to right, #D62020, #450C0C);
  border:5px solid;
  border-style:outset;
  border-color:#D636AB;
  border-width:4px;
  border-radius:10px;
  width:auto;
  font-size:22px;
  margin-right:20%;
  margin-top:15px;
  padding:5px;
  
}

.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#container1{
  display:flex;
  }
#container2{
  display:flex;
  }