GD-ML/AndroidCode

1<html>2<head>3<meta charset="UTF-8">4<title>The Alchemist Cover - Mockup</title>5<style>6  body {7    margin: 0;8    padding: 0;9    background: transparent;10  }11  #render-target {12    width: 1080px;13    height: 2400px;14    position: relative;15    overflow: hidden;16    background: #000000;17  }18 19  .screen {20    position: absolute;21    inset: 0;22    font-family: Georgia, "Times New Roman", serif;23    color: #ffffff;24    text-align: center;25  }26 27  .title {28    margin-top: 300px;29    display: inline-block;30    width: 92%;31    color: #c9cdfb;32    font-size: 120px;33    font-weight: 800;34    text-transform: uppercase;35    letter-spacing: 6px;36    padding-bottom: 20px;37    border-bottom: 12px solid #c9cdfb;38  }39 40  .author {41    margin-top: 220px;42    color: #d8d8d8;43    font-size: 86px;44    font-weight: 700;45    letter-spacing: 2px;46  }47 48  .translator {49    margin-top: 60px;50    color: #c9c9c9;51    font-size: 42px;52    letter-spacing: 1.5px;53  }54 55  .publisher-img {56    width: 320px;57    height: 160px;58    margin: 240px auto 0 auto;59    background: #E0E0E0;60    border: 1px solid #BDBDBD;61    display: flex;62    justify-content: center;63    align-items: center;64    color: #757575;65    font-size: 30px;66    line-height: 1.2;67    border-radius: 6px;68  }69 70  .footer-left, .footer-right {71    position: absolute;72    bottom: 80px;73    font-family: Arial, sans-serif;74    font-size: 34px;75    color: #ffffff;76    opacity: 0.95;77  }78  .footer-left { left: 54px; }79  .footer-right { right: 44px; }80</style>81</head>82<body>83<div id="render-target">84  <div class="screen">85    <div class="title">The ALCHEMIST</div>86    <div class="author">PAULO COELHO</div>87    <div class="translator">TRANSLATED BY ALAN R. CLARKE</div>88 89    <div class="publisher-img">[IMG: HarperOne Publisher Logo]</div>90 91    <div class="footer-left">Location 5 of 225</div>92    <div class="footer-right">0%</div>93  </div>94</div>95</body>96</html>