PFont Type;

String w = "Wisdom Machine";

String f = "Seeing"; // first word
String s = "Perceiving"; // second word

// creating an array of data
// String f = "Seeing"; // first word
// String s = "Perceiving"; // second word

String n = "New Wisdom";

float tw; // Text width
 

void setup() {
  size(585, 435);
  background(#FCFCF2);

  // font
  Type = createFont("Lateef-Regular.ttf", 20);
  textFont(Type);

  //shadow
  noStroke();
  fill(#BEBEB6);
  rectMode(CENTER);
  rect(width/2, height/2, 310, 420);
  filter(BLUR, 2);

  // div
  noStroke();
  fill(#FFFFFF);
  rectMode(CENTER);
  rect(width/2, height/2, 310, 420);

  // bottun
  stroke(#373835);
  strokeWeight(1);
  strokeCap(ROUND);
  fill(#F3F6DE);
  rectMode(CENTER);
  rect(width/2, 360, 110, 50);
  
  // "New Wisdom"
  textSize(15);
  textAlign(CENTER);
  fill(#565656);
  tw = textWidth(w);
  text(n, (((width-tw)/2)+tw)-tw/2, 365);

  // title" Wisdom Machine"
  textSize(24);
  textAlign(CENTER);
  fill(#565656);
  tw = textWidth(w);
  text(w, (((width-tw)/2)+tw)-tw/2, 120);

  // Generated "f"
  textSize(50);
  textAlign(CENTER);
  fill(#7999A0);
  tw = textWidth(w);
  text(f, (((width-tw)/2)+tw)-tw/2 , 200);
  
  // Generated "s"
  textSize(50);
  textAlign(CENTER);
  fill(#7999A0);
  tw = textWidth(w);
  text(s, (((width-tw)/2)+tw)-tw/2 , 260);

  print(tw + " "); // test
}

void draw() {
  
  if (mousePressed) {
    
  }
  
}