#webcoderskull{
    position: absolute;
    left: 0;
    top: 30%;
    padding: 0 20px;
    width: 100%;
    text-align: center;
}

canvas{
    height:100vh;
    background-color:#3b5998;
}
#webcoderskull h1{
  letter-spacing: 5px;
  font-size: 5rem;
  /* font-family: 'Roboto', sans-serif; */
  text-transform: uppercase;
  font-weight: bold;
  color: orange;;
}
#webcoderskull h2{
    letter-spacing: 2px;
    font-size: 2rem;
    /* font-family: 'Roboto', sans-serif; */
    text-transform: uppercase;
    font-weight: bold;
    color: orange;;
  }

  
	.Bottomcolumn {
    float: left;
      width: 50%;
      height: 200px;
      padding: 0 10px;
      padding-top: 50px;
      font-size: 1rem;
      /* font-family: 'Roboto', sans-serif; */
      text-transform: uppercase;
      font-weight: bold;
    color: orange;
     
    }
    
    .Bottomcard {
      box-shadow: 0 4px 8px 0 rgba(163, 50, 207, 0.2);
      padding: 6px;
      text-align: center;
      background-color: #f1f1f1;
    }