modified so it won't break when page is resized

medkit-finalProject.css

body {
  background-color: #000000;
  color: #e0e0e0;
  font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono"}

h1 {
  font-size: 15px;
  color: #c9c9c9;
  font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono";
  margin-left: 15px;
}

div {
    background-color: #0d0d0d;
    border: 1px solid #ccc;
    margin: 5px 5px 5px 5px;/* top right bottom left*/
    box-sizing:border-box;
    width: calc(100% - 10px);
    float:left;
}

#leftDiv{
  width:calc(70% - 10px)!important;
}

#rightDiv{
  width:calc(30% - 10px)!important;
}

canvas {
  width:100%;
  display: block;
  box-sizing:border-box;
}

p {
    color: #e0e0e0;
    margin-left: 15px;
    font-size: 12px;
}

input {
    background-color: #0d0d0d;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px;
    margin-left: 15px;
    font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono";
    font-size: 12px;
}