aaa

app.py

@@ -155,7 +155,7 @@ p {
             <div class="square">
             <div class="mask">
                 <h2 class="left">
-                <img src="https://static.arxiv.org/static/browse/0.3.4/images/arxiv-logo-one-color-white.svg" alt="arxiv logo">
+                <img src="arxiv-logo.svg" alt="arxiv logo">
                 </h2>
                 <h2 class="right">http://arxiv.org/abs/2208.14178v1</h2>
             </div>

csscard.css

@@ -0,0 +1,101 @@
+@import url("https://fonts.googleapis.com/css?family=Merriweather|Open+Sans");
+
+.container {
+  display: flex;
+  justify-content: center;
+  padding: 80px;
+}
+
+ul {
+  list-style-type: none;
+  display: flex;
+  float: none;
+  justify-content: center;
+  align-items: center;
+}
+
+#urllinks li {
+  padding: 0px 30px 5px 5px;
+}
+
+.square {
+  width: 700px;
+  background: white;
+  border-radius: 4px;
+  margin: auto;
+  box-shadow: 0px 20px 50px #d9dbdf;
+}
+
+.mask {
+  width: 700px;
+  height: 65px;
+  clip: rect(0px, 700px, 150px, 0px);
+  border-radius: 4px;
+  position: absolute;
+  background-color: #b31b1b;
+  display: flex;
+}
+
+.mask .left,
+.mask .right {
+  flex: 1;
+}
+
+img {
+  width: 60px;
+  padding: 20px 30px;
+}
+
+.h1 {
+  margin: auto;
+  text-align: left;
+  margin-top: 90px;
+  padding-left: 30px;
+  font-family: "Merriweather", serif;
+  font-size: 22px;
+}
+
+h2 {
+  color: white;
+  text-align: center;
+  font-size: 14px;
+  padding: 10px 0px;
+  font-family: "Open Sans", sans-serif;
+  font-weight: 400;
+}
+
+p {
+  text-align: justify;
+  padding-left: 30px;
+  padding-right: 30px;
+  font-family: "Open Sans", sans-serif;
+  font-size: 12px;
+  color: #949494;
+  line-height: 18px;
+}
+
+.auth {
+  text-align: justify;
+  padding-left: 0px;
+  padding-right: 20px;
+  font-family: "Open Sans", sans-serif;
+  font-size: 14px;
+  line-height: 18px;
+}
+
+.button {
+  background-color: #b31b1b;
+  color: white;
+  width: 150px;
+  padding: 10px 10px;
+  border-radius: 3px;
+  text-align: center;
+  text-decoration: none;
+  display: block;
+  margin-top: 20px;
+  margin-left: 20px;
+  margin-right: 20px;
+  font-size: 12px;
+  cursor: pointer;
+  font-family: "merriweather";
+}