Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- box-sizing: border-box;
- }
- body {
- margin: 0;
- font-family: 'Bebas Neue', cursive;
- font-weight: 100;
- background-color: #fff8ec
- }
- article {
- padding: 40px;
- background-color: #ffd28f;
- border-radius: 15px;
- position: relative;
- }
- article + article {
- margin-top: 40px;
- }
- h1 {
- font-size: 2.5rem;
- }
- h2 {
- font-size: 2rem;
- }
- h3 {
- font-size: 1.5rem;
- }
- main {
- max-width: 60%;
- margin: auto;
- padding: 20px;
- margin-top: 50px;
- }
- a {
- text-decoration: none;
- color: rgb(50, 50, 50)
- }
- a:hover {
- color: deeppink;
- }
- nav {
- position: fixed;
- padding: 20px;
- top: 0;
- left: 0;
- right: 0;
- background: rgb(218, 158, 27);
- z-index: 1
- }
- nav ul {
- list-style: none;
- padding: 0;
- margin: 0;
- padding: 0;
- }
- nav ul li {
- display: inline;
- }
- footer {
- padding: 20px;
- font-size: 11px;
- }
- img {
- display: block;
- max-width: 100%;
- width: 100%;
- height: 300px;
- object-fit: cover;
- }
- .box {
- width: 100px;
- height: 100px;
- background-color: deeppink;
- border: 5px solid black;
- position: absolute;
- right: 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement