diff --git a/intro.css b/intro.css index 76b4e2e..3aa04d2 100644 --- a/intro.css +++ b/intro.css @@ -1,49 +1,22 @@ -h2 { - position: relative; - padding: 1.5rem; - text-align: center; - border: 2px solid #000; - background: #fff; +.video_play { + display: inline-block; + position: relative; + width: 1em; + height: 1em; + border: 0.05em solid currentColor; + border-radius: 50%; + color: #000; + font-size: 200px; } - -h2:before, -h2:after { - position: absolute; - content: ''; -} - -h2:before { - top: -40px; - left: calc(50% - 40px); - width: 80px; - height: 80px; - border: 2px solid #000; - border-radius: 50%; - background: #fff; -} - -h2:after { - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #fff; -} - -h2 i { - font-size: 30px; - font-size: 3rem; - line-height: 60px; - position: absolute; - z-index: 1; - top: -40px; - left: calc(50% - 40px); - width: 80px; - height: 60px; - text-align: center; -} - -h2 span { - position: relative; - z-index: 1; +.video_play::before { + position: absolute; + top: 50%; + left: 30%; + transform: translateY(-50%); + width: 0px; + height: 0px; + border: 0.3em solid transparent; + border-left: 0.5em solid currentColor; + box-sizing: border-box; + content: ""; }