|
@@ -6,7 +6,7 @@ |
|
|
<style>
|
|
|
<style>
|
|
|
body {
|
|
|
body {
|
|
|
font-family: 'Segoe UI', Arial;
|
|
|
font-family: 'Segoe UI', Arial;
|
|
|
background-color: #aaa;
|
|
|
|
|
|
|
|
|
background-color: rgb(88, 88, 88);
|
|
|
padding: 0;
|
|
|
padding: 0;
|
|
|
margin: 0;
|
|
|
margin: 0;
|
|
|
}
|
|
|
}
|
|
@@ -32,21 +32,23 @@ |
|
|
width: 12rem;
|
|
|
width: 12rem;
|
|
|
height: 12rem;
|
|
|
height: 12rem;
|
|
|
background-color: #e0e0e0;
|
|
|
background-color: #e0e0e0;
|
|
|
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
|
}
|
|
|
}
|
|
|
h1 {
|
|
|
h1 {
|
|
|
font-size: 1.8rem;
|
|
|
font-size: 1.8rem;
|
|
|
}
|
|
|
}
|
|
|
.find, .find input {
|
|
|
.find, .find input {
|
|
|
font-size: 1.1rem;
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
}
|
|
|
.top {
|
|
|
.top {
|
|
|
position: -webkit-sticky;
|
|
|
position: -webkit-sticky;
|
|
|
position: sticky;
|
|
|
position: sticky;
|
|
|
top: 0;
|
|
|
top: 0;
|
|
|
background-color: rgb(211, 211, 211);
|
|
|
|
|
|
|
|
|
background-color: rgb(41, 41, 41);
|
|
|
padding: 0.2rem;
|
|
|
padding: 0.2rem;
|
|
|
padding-top: 0;
|
|
|
padding-top: 0;
|
|
|
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
|
|
|
|
|
|
|
|
|
color: white;
|
|
|
}
|
|
|
}
|
|
|
.top button {
|
|
|
.top button {
|
|
|
float: right;
|
|
|
float: right;
|
|
@@ -76,6 +78,7 @@ |
|
|
display: flex;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
flex-wrap: wrap;
|
|
|
width: 100%;
|
|
|
width: 100%;
|
|
|
|
|
|
justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
h1 {
|
|
|
h1 {
|
|
|
display:inline;
|
|
|
display:inline;
|
|
|