html, body {
    height: 100%;
  }
  
  body {
    margin: 0;
  
    /* This centers our sketch horizontally. */
    justify-content: center;
  
    /* This centers our sketch vertically. */
    align-items: center;
  }


  


  #Container1 {
    position: relative;
    top: 0px;
    width: 1200px;
    
  }

  #Header {
    position: absolute;
    top: 0px;
    font-size: 34px;
    left: 420px;
    width: 1000px;
  }


  #MyName {
    position: absolute;
    top: 50px;
    left: 800px;
  }


  #Chapter1 {
    position: absolute;
    top: 100px;
    left: 50px;
   
  }


  #TextChapter1 {
    line-height: 1.6;
    font-size: 20px;
    position: absolute;
    top: 150px;
    left: 50px;
    width: 1500px;
   
  }

  #diffusionEquation {
    position: absolute;
    top: 350px;
    left: 800px;
  }


  #Morphology {
    position: absolute;
    top: 450px;
    left: 600px;
    width: 550px;
    height: 400px;
  }


  #MorphologyText {
    position: absolute;
    top: 900px;
    left: 350px;
    width: 1200px;
  }


  /* Kapitel2 */



  #Container2 {
    position: relative;
    top: 1000px;
    width: 1200px;
  }


  #Chapter2 {
    position: absolute;
    left: 50px;
  }


  #TextChapter2 {
    font-size: 20px;
    line-height: 1.6;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 1500px;


  }

  #CellClassification {
    position: absolute;
    top: 1350px;
    left: 650px;

  }

  #ClassificationText {
    position: absolute;
    top: 1620px;
    left: 650px;
  }
  

  /* Simulation and Canvas */

  

  #SimulationContainer {
    position: relative;
    top: 2850px;
    width: 1200px;
    
    /*width: 100%;*/
  }

  #Chapter3 {
    position: absolute;
    top: -100px;
    left: 50px;
  }

  #mainCanvas {
    position: absolute;
    left: 500px;
    /*left: 50%;
    /*width: 600;*/
    /*height: 700;*/
    /*top: 2850px;
    /*margin-left: auto;
    margin-right: auto;*/
   
  }
  

  #startButton {
    position: absolute;
    left: 1200px;
    width: 100px;
    height:25px;
  }

  #oneSeed {
    position: absolute;
    left: 1200px; /*left: 1150px;*/
    top: 50px; 
    width: 200px;
  }

  #randomCluster {
    position: absolute;
    left: 1350px; /*left: 1150px;*/
    top: 50px; 
    width: 200px;  
  }

  #SizeCaption {
    position: absolute;
    left: 1200px;
    top: 75px;
  }

  #sizeBox {
    position: absolute;
    left: 1300px;
    top: 90px;
    width: 200px;
  }

  #SizeInfo {
    position: absolute;
    left: 1250px;
    top: 75px;
    width: 200px;
  }



  #initialPar {
    position: absolute;
    left: 1200px;
    top: 120px;
    width: 200px;
    
  }

  #Changepar {
    position: absolute;
    left: 1350px;
    top: 120px;
    width: 200px;
    
  }

  input[type=number]{
    float:right;width:100px;
  }

 #alphaBox {
    position: absolute;
    left: 1200px;
    top: 175px;
    width: 140px;
    /*border-style: solid;*/
  }

  #alpha2Box {
    position: absolute;
    left: 1350px;
    top: 175px;
    width: 140px;
    
  }


  #betaBox {
    position: absolute;
    left: 1200px;
    top: 220px;
    width: 140px;
  }

  #beta2Box {
    position: absolute;
    left: 1350px;
    top: 220px;
    width: 140px;
  }


  #gammaBox {
    position: absolute;
    left: 1200px;
    top: 265px;
    width: 140px;
  }
  
  #gamma2Box {
    position: absolute;
    left: 1350px;
    top: 265px;
    width: 140px;
  }

  #regularBox {
    position: absolute;
    left: 1150px;
    top: 3250px;
  }

  #enhancedBox {
    position: absolute;
    left: 1300px;
    top: 3250px;
  }
 

  #Container4 {
    position: relative;
    top: 3800px;
    width: 1500px;
  }

  #Chapter4 {
    position: absolute;
    left: 50px;
  }

  #TextChapter4 {
    font-size: 20px;
    line-height: 1.6;
    position: absolute;
    top: 40px;
    left: 50px;
  }


  #betagammavariation {
    position: absolute;
    height: 750px;
    width: 1200px;
    left: 300px;
    top: 1200px;

    
  }

  #Figure3Text {
    position: absolute;
    top: 1900px;
    left: 550px;

    
  }


  #diffusionvariation {
    position: absolute;
    height: 750px;
    width: 1200px;
    top: 2100px;
    left: 270px;
   /* margin-left: auto;
    margin-right: auto;*/

  }

  #Figure4Text {
    position: absolute;
    top: 2850px;
    left: 600px;
  }



  


 


  #Status {
    position: absolute;
    left:5%;
    top: 6300px;
  }


  #Steps {
    position: absolute;
    left: 5%;
    top: 6400px;
  }


  
#control {
  position: absolute;
  top: 5500px;
}


#control2 {
  position: absolute;
  top: 5700px;
}

#control3 {
  position: absolute;
  top: 5800px;
}

#control4 {
  position: absolute;
  top: 5900px;
}

#control5 {
  position: absolute;
  top: 6000px;
}
 


  #references {
    position: absolute;
    left: 50px;
    top: 3000px;
  }

  #reference_list {

    position: absolute;
    top: 3050px;
    left: 50px;

  }