html {
margin: 0;
}
body {
background: #232629;
color: #fcfcfc;
letter-spacing: 0.05em;
}
a {
color: #ea5fea;
text-decoration: none;
}
h2 {
clear: left;
line-height: 1.5;
margin: 15px 0 10px;
padding: 0 0 0 15px;
border-left: 6px solid #f976de;
font-weight: bold;
font-size: 166%;
}
.container {
width: calc(100% - 20px);
max-width: 1200px;
background: #31363b;
border: 2px solid #4d4d4d;
border-radius: 10px;
margin: auto;
padding: 8px;
}
.header {
width: calc(100% - 20px);
max-width: 1200px;
background: #67717b;
border: 2px solid #8f8f8f;
border-radius: 10px;
margin: auto;
padding: 8px;
margin-bottom: 24px;
}
.searchbar, .searchbtn {
color: #fcfcfc;
font-size: 20px;
width: 100%;
border-radius: 4px;
}
.searchbar {
background: #31363b;
border: 1px solid #ababab;
max-width: 900px;
}
.searchbtn {
background: #ee7fec;
border: 1px solid #800467;
max-width: 60px;
}
.searchres {
max-width: 260px;
width: 100%;
background: #512651;
border: 1px solid #ee7fec;
padding: 8px;
border-radius: 4px;
display: inline-block;
font-size: 12px;
margin: 4px;
}
.searchres > a > img {
margin: auto;
}
.userbtn {
background: #ea5fea;
color: #fcfcfc;
padding: 4px;
border: 1px solid #ffc8ff;
border-radius: 2px;
margin: 12px 4px 4px;
display: inline-block;
}
.userbtn > a {
color: #fcfcfc;
}
.now {
background: #a499a4;
color: #4d4d4d;
border: 1px solid #bdbdbd;
}
.now > a {
color: #4d4d4d;
}
.pagination {
width: 100%;
margin: auto;
}
.footer {
text-align: center;
margin-top: 32px;
}