Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body {
- margin: 0;
- padding: 0;
- }
- main {
- display: flex;
- background-image: url(iran.png);
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center;
- height: 100%;
- width: 100%;
- max-height: 100%;
- max-width: 100%;
- opacity: 0.5;
- align-items: center;
- margin: 5px solid #000;
- }
- nav::before {
- content: '';
- display: block;
- width: 100%;
- background-image: url(iran_640.png);
- background-position: top;
- background-size: 300px 150px;
- height: 150px;
- background-repeat: repeat-x;
- }
- nav {
- display: flex;
- margin-top: 0px;
- flex-wrap: wrap;
- justify-content: space-around;
- width: 100%;
- font-family: 'Nosifer', cursive;
- font-size: 25px;
- }
- .sticky {
- position: fixed;
- height: 150px;
- display: flex;
- text-decoration: none;
- list-style: none;
- font-family: 'Nosifer', cursive;
- font-size: 25px;
- justify-content: space-around;
- border: 1px solid #000;
- flex-wrap: wrap;
- z-index: 99;
- margin-top: -150px;
- }
- nav > a {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- box-sizing: border-box;
- height: 120px;
- width: 300px;
- background-image: radial-gradient(white 5%, rgb(62, 199, 20));
- box-shadow: 5px 5px 5px 5px rgba(209, 50, 50, 0.76);
- border-bottom-left-radius: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- border-bottom-right-radius: 20px;
- margin: 20px;
- text-decoration: none;
- color: #000;
- transition: 0.35s cubic-bezier(1, 0, 1, .94);
- text-align: center;
- }
- nav > a:hover {
- transform: scale(1.2) rotate(5deg) translateY(-5px);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement