@font-face {
  font-family: 'RoundedMplus';
  src:url('fonts/MPLUSRounded1c-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Zen Kaku Gothic New';
  src: url('fonts/ZenKakuGothicNew-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
:root{
  --font-family-rounded-mplus: 'RoundedMplus', sans-serif;
  --font-family-zen-kaku-gothic-new: 'Zen Kaku Gothic New', sans-serif;
}
body{
    width: 100%;
    margin: 0;
    background-color: #fdece1;
}
.main{
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 3240;
}
.toolbar{
    position: absolute;
    width: 100%;
    height: 159px;
    background-color: #8e6863;
}
.name{
    position: relative;
    left: 30px;
    bottom: 52px;
    font-family: var(--font-family-rounded-mplus);
    font-size: 96px;
    color: #fdece1;
}
.content{
    position: absolute;
    width: 100%;
    height: 308px;
    top: 159px;
    font-family: var(--font-family-zen-kaku-gothic-new);
    font-size: 85px;
    color: #5d3a35;
}
img{
    position: relative;
    width: 29.6%;
    height: 35%;
    top:25%;
    left: 35%;
}