Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Montserrat:500&display=swap');
- body {
- margin: 0;
- font-family: 'Montserrat', sans-serif;
- font-weight: 500;
- background-image: url("https://images.pexels.com/photos/70497/pexels-photo-70497.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
- background-repeat: no-repeat;
- background-size: cover;
- width: 100%;
- filter: blur(1px);
- }
- .container {
- width: 90%;
- margin: 0 auto;
- }
- header::after {
- content: '';
- clear: both;
- display: table;
- }
- .opacity1 {
- opacity: 0.2;
- }
- .logo {
- float: left;
- width: 40px;
- padding-top: 13px;
- }
- nav {
- float: right;
- }
- nav ul {
- margin: 0;
- padding: 0;
- list-style: none;
- filter: blur(0px);
- }
- nav li {
- display: inline-block;
- margin-left: 70px;
- padding: 25px 0;
- position: relative;
- }
- nav a {
- color: white;
- text-decoration: none;
- }
- nav a:hover {
- color: black;
- }
- nav a::before {
- content: '';
- display: block;
- height: 3px;
- background-color: white;
- top: 0;
- position: absolute;
- top: 0;
- width: 0%;
- transition: all ease-in-out 300ms;
- }
- nav a:hover::before {
- width: 100%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement