Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- 'Josefin Sans'
- 'Noto Serif'
- 'Dancing Script'
- */
- nav{
- background-color: black;
- padding: 10px;
- margin: 0px;
- }
- nav a{
- color: white;
- text-decoration: none;
- }
- .nav-row{
- display:flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content:space-around;
- align-content: flex-start;
- align-items: flex-start;
- font-family: "Josefin Sans", "Noto Serif", "Dancing Script", sans-serif;
- text-transform: uppercase;
- }
- .nav-item{
- list-style: none;
- }
- .page-header{
- background-image: url(../img/header-img.jpg);
- background-position: center;
- background-repeat: no-repeat;
- background-size: 100%;
- padding-bottom: 100px;
- margin: 0px;
- position: relative;
- text-align: center;
- z-index: 0;
- }
- .main-heading{
- margin: 0px 0px 0px 0px;
- font-family: "Josefin Sans", sans-serif;
- z-index: 1;
- font-size: 5em;
- transform: translateY(150%);
- }
- .sub-heading{
- font-family: "Dancing Script", sans-serif;
- font-size: 3em;
- transform: translateY(65%);
- z-index: 2;
- color: white;
- text-shadow: 3px 3px 3px black;
- }
- body{
- margin: 0px 0px 0px 0px;
- /*display: flex;*/
- }
- main{
- display: flex;
- width: 80%;
- justify-content: space-around;
- margin: auto;
- background-color: #FEF9EC;
- border: 2px solid black;
- box-shadow: 2px 2px solid gold;
- /*
- flex-direction: column;
- flex-wrap: nowrap;
- align-content: space-between;
- align-items: flex-start;*/
- }
- .blog-row{
- /*box-shadow: 3px 3px 3px black;*/
- z-index: 2;
- padding-left: 50px;
- }
- .item{
- border: 1px solid black;
- width: 70%;
- flex-grow: 0;
- flex-shrink: 0;
- flex-basis: 0;
- margin: 10px 10px 10px 10px;
- box-shadow: 3px 3px 3px black;
- background-color: white;
- }
- aside{
- width: 45%;
- border: 1px solid black;
- margin: 10px 45px 10px 10px;
- background-color: #EFEADF;
- box-shadow: 3px 3px 3px black;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement