#outline
{
  border: 5px solid red; 
  width: 300px;
  height:200px;
}


/* Header 1 Style/Color */
h1 {
  color:#B60B20;
  text-align: center;
  font-size: 50px;
  font-style:italic;
  width:500px;
  height:auto;
  margin:auto;
}

/*Header 2 Style/Color */
h2 {
  color:#B60B20;
  font-style:italic;
  font-size:35px;
  text-align: center;
  height:auto;
  margin:auto;
  width:300px;
}

/*Header 3 Style/Color */
h3 {
  color:#9D6FE3;
  font-style:italic;
}

/*Paragraph Style/Color */
p
{
  font-style:italic;
  font-size:20px;
  color:#5D292D;
  text-align:center;
}

  /* Background */
body{
  background-color:red; 
  text-align:center;
}

/* Align the Bulletpoints that are centered */
ul {
  color: black;
  list-style-position: inside;
  font-size:25px;
}
ul {
  color:#76DEC7;
  display: table;
  margin: 0 auto;
  text-align: left;
}  

/* Aligns NUMBERED list/List Color */
ol {   
   display: table;
  margin:20px;
  text-align: left;
  color:#76DEC7;
  list-style-position: inside;
  padding: 40px;
}

footer
{
  text-align:center;
  font-size: 18px;
}

/* Border Outline and Radial Gradient */
.radial-grad-3
{
  background-color:#4D55D7;
  
  height: 1800px;
  width: 500px;
  margin: auto;
  border-radius: 20% 20% 20% 20%;
  justify-content:center;  
}

.radial-grad-4
{ 
  background-color: lightblue;  
  height: 150px;
  width: 350px;
  margin: auto;
  border-radius: 25%;
  justify-content:center;  
}

.radial-grad-5
{ 
  background-color: lightblue;  
  height: 215px;
  width: 350px;
  margin: auto;
  border-radius: 2%;
  justify-content:center;  
}

/* Background-Picture */
.background
{
  background-image: url("https://projects.codecraftworks.com/web/gmw7jcoS4erbfVQ8nEzc/assets/keith-christian-armada-n4K4hFLKBzE-unsplash.jpg");
  height: 100%;
  width: 100%;  
}

/* Personal Information Text box */
input[type= "checkbox"]
{
  -webkit-appearance:none;
  appearance:none;
  position:relative;
  width:1em;
  height:1em;
  border: 1px solid #0353f0;
  vertical-align: -3px;
  color: #0363f0;
}

input[type= "checkbox"]:before
{
  content:"✔";
  position: absolute;
  font-size: 1.5em;
  right: -0.2em;
  top: -0.6em;
  visibility:hidden;
}