枠線が大変なことに
How to Create Multiple Borders in CSS3
.multiple-box-shadow{
box-shadow: 0 0 0 2px #000, 0 0 0 3px #999, 0 0 0 9px #fa0, 0 0 0 10px #666, 0 0 0 16px #fd0, 0 0 0 18px #000, 0 2px 6px 18px rgba(0,0,0,0.5);
}
.centerd-text{
display: flex;
align-items: center;
justify-content: center;
border:1px dotted #ccc;
height:480px;
flex-direction:column;
margin-right:1em;
}