Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body, html {
- height: 100%;
- margin: 0;
- }
- .bg {
- background-image: url("images/test2.jpg");
- height: 93%;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- }
- .cbg {
- background-color: #DC632A ;
- height: 93%;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- }
- ul.topnav {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
- background-color: #333;
- }
- ul.topnav li {float: right;}
- ul.topnav li a {
- display: block;
- color: white;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- }
- .mid h2 {
- font-family: 'Roboto', sans-serif;
- font-weight: 900;
- color: white;
- text-transform: uppercase;
- margin: 0;
- position: absolute;
- top: 50%;
- left: 65%;
- font-size: 2rem;
- transform: translate(-50%, -50%);
- }
- ul.topnav li:hover:not(.left) {background-color: #111;}
- ul.topnav li a.active {background-color: #DC632A;}
- ul.topnav li.left {float: left;}
- @media screen and (max-width: 600px){
- ul.topnav li.left,
- ul.topnav li {float: none;}
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement