@font-face {
font-family: 'willow';
src: url('https://files.catbox.moe/xx3k67.ttf');
}
@font-face {
font-family: 'sant joan despi';
src: url('https://dl.dropbox.com/s/sw0dp7szdorexg9/SantJoanDespi-Regular.otf');
}
body {
  background: pink;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  max-height: 250vh;
}
.main {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: red;
  width: 700px;
  height: 500px;
  margin: auto;
}
.left {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: green;
  width: 30%;
  height: 100%;
}
.leftinner, .no2, .no3, .no4 {
  width: 100%;
  height: 25%;
  border: 1px solid black;
  background: hotpink;
}
.right {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: blue;
  width: 70%;
  height: 100%;
}