style_home.css

@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF;
}

html {
  padding: 20pt;
}

body {
  font-family: 'MaruBuri-Regular', 'Georgia', 'serif';
  font-size: larger;
  color: black;
  background-color: #ECE8DC;
  vertical-align: middle;
  text-align: left;
  margin-top: 5em;
  margin-bottom: 5em;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em;
  max-width: 1000px;
}

.content {
  padding: 40px;
  border: 2px solid black;
  background-color: #C5BB9A;
}

.center {
  display: block;
  margin: 0 auto;
  max-width: 100%
}

img {
  margin-right: 1em;
  float: left;
  max-width: 100%;
}

img#icon {
  margin-right: 0em;
  float: none;
  width: 30px;
}

iframe {
  width: 450px;
  height: 270px;
  max-width: 100%;
  display: block;
}

video {
  width: 450px;
  height: 270px;
  margin-top: 10px;
  max-width: 100%;
}

.row {
  display: flex;
  margin-bottom: 40px;
}

.column {
  width: 50%;
}

h1, h2, h3, h4 {
  font-family: 'MaruBuri-Regular', "Georgia", serif;
  text-align: left;
  color: DarkSlateGrey;
}

h1 {
  padding-bottom: 0.5em;
  border-bottom: 2px solid;
}

h2 {
  padding-top: 1em;
  margin-bottom: 0.5em;
}

h4 {
  clear: both;
  padding-bottom: 0em;
  margin-bottom: 0.5em;
}

address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 2px solid
}

a {
  color: MidnightBlue;
}

#rectangle{
    width:200px;
    height:100px;
    background:white;
}