public-header.css

1. @import url(../public-reset.css);
3. .public-header{
4. height: 44px;
5. background-color: black;
6. padding: 0 20px;
7. display: flex;
8. flex-flow: row nowrap;
9. }
10. .public-header a{
11. line-height: 44px;
12. color: #cccccc;
13. padding: 0 10px;
14. }
15. .public-header > a:hover{
16. background: white;
17. color: black;
19. }
20. .public-header > span{
21. margin-left: auto;
22. }
23. .public-header > span i{
24. font-size: 16px;
25. color: #cccccc;
26. padding-right: 10px;
27. }
28. ```css

public-headline

css
@import “../public-reset.css”;

.public-headline{
padding: 30px;
text-align: center;
}
.public-headline > span{
font-size: 30px;
font-weight: bolder;
padding-bottom: 7px;
border-bottom: 3px solid red;
}