{ box-sizing: border-box; } body { padding: 10px; /* line-height: 30px; */ font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; background: #ffffff; color: #8fff05; } h1, h2, h3, h4, a, ul, ol, li, p, figure { font-size: 30px; font-weight: normal; margin: 0; padding: 0; } h1 { font-weight: bold; } h1, h2, h3, h4, ul, ol, p { margin-bottom: 1.3em; } ol li, ul li { list-style-position: inside; } ul li { list-style-type: none; } #blocks { display: flex; flex-direction: column; align-items: left } #blocks div { margin-bottom: 1em; } #blocks div.link { padding: 17vh; width: 700px; overflow: hidden; text-align: -webkit-left; word-break: break-all; border: 1px solid #39FF14; margin-bottom: 1em; white-space: wrap; transition: all 2s ease; } #blocks div.link:hover { padding-bottom: 19vh; border-radius: 100%; border: 1px solid #000; filter: drop-shadow(0px 0x 0px black); margin-top: -0.4em; margin-bottom: 0.8em; transition: all 2s ease; } a { color: #39FF14; } #blocks div img, #blocks div video { max-width: 100%;; } #title { margin-bottom: 2em; }