Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- :root {
- --graphite: rgb(39, 39, 39);
- --blue: rgba(51, 51, 253, 0.733);
- --light-blue: rgba(86, 86, 252, 0.685);
- --green: rgba(28, 179, 28, 0.801);
- --yellow: rgba(253, 253, 77, 0.836);
- }
- * {
- padding: 0;
- margin: 0;
- list-style-type: none;
- }
- /* ეს არის 5. ტასკი, ამის მაგივრად a ტეგის ჰავერს დავუწერე*/
- /* :hover {
- transform: scale(1.2);
- } */
- h1, h2, h3, h4, h5, h6 {
- font-family: 'Courier New', Courier, monospace;
- text-transform: capitalize;
- word-spacing: 1px;
- }
- p{
- text-indent: 5em;
- font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
- font-style: italic;
- line-height: 2em;
- margin: 25px;
- width: 70%;
- }
- body {
- background: linear-gradient(95deg, var(--yellow), var(--blue), var(--green));
- background-position: center;
- background-repeat: no-repeat;
- height: 100%;
- display: grid;
- grid-template-columns: 1fr;
- }
- /* navbar */
- .navbar {
- border-top: 2px solid var(--graphite);
- width: 90%;
- margin: 15px auto 0;
- text-align: center;
- }
- .navbar > ul {
- display: flex;
- justify-content: center;
- }
- .navbar > ul > li {
- display: block;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- }
- .navbar > ul > li > a {
- text-decoration: none;
- margin: 0 auto;
- padding: 1em;
- color: var(--graphite);
- transition: 0.3s ease-out;
- font-weight: bold;
- }
- .navbar > ul > li > a:hover {
- border-bottom: 1px solid var(--graphite);
- color: var(--blue);
- transform: scale(1.2);
- }
- #bck-img {
- content: "";
- height: 200px;
- width: 350px;
- margin: 0 auto 25px;
- background-image: url("../media/images/blog-image.png");
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- }
- .blog {
- margin: 0 auto;
- }
- .blog :not(:tag) {
- text-align: center;
- }
- .blog > article::after {
- content: "This blog was created by the administration";
- color: red;
- text-transform: uppercase;
- font-weight: bolder;
- }
- @media (max-width: 960px) {
- body {
- grid-template-columns: 1fr 1fr;
- }
- }
- #img-eye {
- display: block;
- border: 2px solid black;
- margin: 0 auto;
- }
- #img-eye-heading {
- text-align: center;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement