* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body
{
    min-height: 100%;
}

p {
  font-size: 1.1em;
}

img{
  padding: 10px;
}

#canvas1 {
  position: absolute;
  z-index:0;
  width: 100%;
  min-height: 100vh;
  background: radial-gradient(#2b2f4e, #24273b, #11161f);
  background-image: url(photo1.jpg);
}

#content{
  width: 50vw;
  min-height: 100vh;
  margin: auto;
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  z-index: 100000;
  position: relative;

  border-style: double;
  border-top: 0;
}

.about {
  padding-left: 5%;
  padding-right: 5%;
}
.projects {
  padding-left: 5%;
  padding-right: 5%;
}