Код:
<!--HTML--> <link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <style> .loreback { width: 760px; height: auto; padding: 40px; border: 0px solid #000; background-color: #d5d5d5; } .loreabove2 { font: 400 8px arial; text-align: center; color: #000; text-transform: lowercase; background-color: #e9bdab; padding: 3px 20px 3px 20px; width: 580px; border-radius: 4px; box-shadow: 0px 3px 20px 0px #d2a897 !important; } .loreabove3 { font: 400 8px arial; text-align: center; color: #000; text-transform: lowercase; background-color: #f0c1ed; padding: 3px 20px 3px 20px; width: 580px; border-radius: 4px; box-shadow: 0px 3px 20px 0px #e9b9e6 !important; } .loreabove4 { font: 400 8px arial; text-align: center; color: #000; text-transform: lowercase; background-color: #abc3e3; padding: 3px 20px 3px 20px; width: 580px; border-radius: 4px; box-shadow: 0px 3px 20px 0px #a5bcdc !important; } .loreabove5 { font: 400 8px arial; text-align: center; color: #000; text-transform: lowercase; background-color: #eddfb2; padding: 3px 20px 3px 20px; width: 580px; border-radius: 4px; box-shadow: 0px 3px 20px 0px #e4d6ab !important; } .loreabove6 { font: 400 8px arial; text-align: center; color: #000; text-transform: lowercase; background-color: #ccc0dc; padding: 3px 20px 3px 20px; width: 580px; border-radius: 4px; box-shadow: 0px 3px 20px 0px #c7bbd6 !important; } .loremain1 { font: 400 65px Unbounded; text-align: center; color: #000; text-transform: lowercase; line-height: 60px; } .loremain1 i { color: #522879; } .loremain2 { font: 400 65px Unbounded; text-align: center; color: #000; text-transform: lowercase; line-height: 60px; } .loremain2 i { color: #d25630; } .loremain3 { font: 400 65px Unbounded; text-align: center; color: #000; text-transform: lowercase; line-height: 60px; } .loremain3 i { color: #b71c1b; } .loremain4 { font: 400 35px Unbounded; text-align: center; color: #000; text-transform: lowercase; line-height: 60px; } .loremain4 i { color: #587c57; } .loremain5 { font: 400 65px Unbounded; text-align: center; color: #000; text-transform: lowercase; line-height: 60px; } .loremain5 i { color: #e6c377; } .greeknames { font: 800 20px Noto Serif Display; text-align: center; color: #000; text-transform: lowercase; } .greeknamesreal { font: 400 7px arial; text-align: center; color: #000; text-transform: lowercase; padding: 3px 0px 3px 0px; width: 140px; background-color: #e6c377; height: auto; border-radius: 7px; box-shadow: 0px 2px 10px 0px #e6c377 !important; letter-spacing: 2px; } .greeknamesreal2 { font: 400 7px arial; text-align: center; color: #000; text-transform: lowercase; padding: 3px 0px 3px 0px; width: 140px; background-color: #77cbe6; height: auto; border-radius: 7px; box-shadow: 0px 2px 10px 0px #77cbe6 !important; letter-spacing: 2px; } .greeknamesreal3 { font: 400 7px arial; text-align: center; color: #000; text-transform: lowercase; padding: 3px 0px 3px 0px; width: 140px; background-color: #ee9292; height: auto; border-radius: 7px; box-shadow: 0px 2px 10px 0px #e78d8c !important; letter-spacing: 2px; } .greeknamesreal4 { font: 400 7px arial; text-align: center; color: #000; text-transform: lowercase; padding: 3px 0px 3px 0px; width: 140px; background-color: #a9dda7; height: auto; border-radius: 7px; box-shadow: 0px 2px 10px 0px #a3d6a2 !important; letter-spacing: 2px; } .greeknamesreal5 { font: 400 7px arial; text-align: center; color: #000; text-transform: lowercase; padding: 3px 0px 3px 0px; width: 140px; background-color: #cacaca; height: auto; border-radius: 7px; box-shadow: 0px 2px 10px 0px #c2c2c2 !important; letter-spacing: 2px; } .greekinfo { font: 400 10px arial; text-align: left; color: #565656; text-transform: lowercase; padding: 0px 0px 5px 0px; height: 70px; overflow: auto; } .greekstatus { font: 400 8px arial; text-align: center; color: #565656; text-transform: lowercase; } .greekstar { font: 400 165px Unbounded; text-align: center; color: #e9bdab; } </style> <center><div class="loremain5"><i>✹</i>семья</div> <div class="loreabove3">бунтарский характер ареса нередко вызывал недовольство олимпийцев. <br>афродита всячески защищала бога войны</div><br><br></center> <table> <tr> <td width=200px> <center><div class="greeknames">арес</div> <img src="https://forumupload.ru/uploads/0013/22/cf/2/502535.png" style="padding-bottom: 7px;"><br> <div class="greeknamesreal">johnny suh</div> <br> <div class="greekinfo">🌒 <i>сп</i> : в отношениях с афродитой.<br> 🌓 <i>профессия</i> : спецназовец, боец «swat».<br> 🌔 <i>дополнительно</i> : </div> <div class="greekstatus">— ✹ —<br>бог войны</div></center></td> <td width=200px> <center><div class="greeknames">афродита</div> <img src="https://forumupload.ru/uploads/0013/22/cf/2/710575.png" style="padding-bottom: 7px;"><br> <div class="greeknamesreal">ten lee</div> <br> <div class="greekinfo">🌒 <i>сп</i> : в отношениях с аресом, замужем за посейдоном.<br> 🌓 <i>профессия</i> : модель.<br> 🌔 <i>дополнительно</i> : </div> <div class="greekstatus">— ✹ —<br>богиня красоты и любви</div></center></td> <td width=200px> <center><div class="greeknames">деймос</div> <img src="https://forumupload.ru/uploads/0013/22/cf/2/187060.png" style="padding-bottom: 7px;"><br> <div class="greeknamesreal">sohn youngjae</div> <br> <div class="greekinfo">🌒 <i>сп</i> : замужем за цербером-3.<br> 🌓 <i>профессия</i> : безработный.<br> 🌔 <i>дополнительно</i> : член «swat» в прошлом, работал кинологом. уволился после случая на работе, в результате которого погиб его любимый служебный пёс по кличке «<i>мара</i>», сам при этом травмировал колено, речи о дальнейшей службе уже не шло.</div> <div class="greekstatus">— ✹ —<br>персонификация ужаса</div></center></td> <td width=200px> <center><div class="greeknames">фобос</div> <img src="https://forumupload.ru/uploads/0013/22/cf/2/363602.png" style="padding-bottom: 7px;"><br> <div class="greeknamesreal">lee jeno</div> <br> <div class="greekinfo">🌒 <i>сп</i> : не женат.<br> 🌓 <i>профессия</i> : спецназовец, боец «swat».<br> 🌔 <i>дополнительно</i> : </div> <div class="greekstatus">— ✹ —<br>персонификация страха</div></center></td> </tr> </table>
[hideprofile]