body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}header{background-color:grey;color:#fff;padding:3px 8px;display:flex;justify-content:center;align-items:center;position:relative}.logo{font-size:1em;font-weight:700;position:absolute;left:20px;top:50%;transform:translateY(-50%)}.slogan{font-size:.93em;padding:10px 0}main{max-width:1100px;margin:20px auto;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;justify-content:flex-start}.poems-container{max-width:1000px;margin:0 auto}.poem-row{display:flex;justify-content:flex-start;flex-wrap:wrap}.poem{flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 14px);text-align:center;padding:10px;box-sizing:border-box;background-color:#f9f9f9;border:none;margin:7px}.poem h3{font-size:15.2px}.poem p{font-size:13.9px}.poem div{font-size:13.8px}.poem-row .poem:last-child{margin-right:0}footer{text-align:center;padding:10px;width:100%;box-sizing:border-box}footer a,footer span{color:#505050;text-decoration:none;font-size:.8em;font-weight:700;padding:0 5px}footer span:first-child{display:block}.poetry-navigation{text-align:center;margin:20px 0;font-size:1em;width:100%}.poetry-navigation a{margin:0 10px;color:#333;text-decoration:none;font-size:.93em}.poetry-navigation a:hover{text-decoration:underline}.pagination-buttons{text-align:center;margin-top:20px}.pagination-buttons button{margin:0 20px}.search-container{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.search-container input[type=text]{padding:5px;margin-right:5px;border:1px solid #ccc;border-radius:5px}.search-container button{padding:5px 10px;background-color:#fff;border:none;border-radius:5px;cursor:pointer;color:grey}.search-container button:hover{background-color:#fff}.attribution{text-align:center;margin-top:20px;font-size:.8em;font-family:Microsoft YaHei,sans-serif;font-weight:700}.attribution a{color:#505050}.attribution a:hover{text-decoration:none;color:#505050}.search-container input[type=text]:focus{border:1px solid #ccc;outline:none}.attribution{font-family:Arial,sans-serif;font-size:14px;color:#505050;margin-bottom:0}.attribution a{color:inherit;text-decoration:none;cursor:pointer;display:block;margin-top:10px}.attribution a:hover{text-decoration:underline}@media screen and (max-width:767px){body{text-align:center}header{flex-direction:column;align-items:center;padding:20px}.logo,.slogan{position:static;margin:2px 0}.search-container{position:static;margin-top:10px}.search-box{margin-top:10px}main{margin:20px auto}.poem{flex:1 1 100%;margin:7px 0}}