diff --git a/css/style.css b/css/style.css index 55fb43f..8911d6c 100644 --- a/css/style.css +++ b/css/style.css @@ -72,4 +72,26 @@ main { .row { height:auto; width:100%; display:flex; justify-content:space-between; align-items:center; } -article { background-color:#eee; } +article { + background-color: #eee; + border: 3px solid #ddd; + border-radius: 2% 6% 5% 3% / 1% 1% 2% 6%; + position: relative; +} +article::before { + content: ''; + border: 2px solid #dfdfdf; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg); + border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%; + z-index: -1; +} +article:nth-child(1)::before { + transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(-1deg); + border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%; +}