Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- box-sizing: border-box;
- }
- body {
- margin: 0;
- }
- nav {
- width: 100%;
- max-height: 5vw;
- height: 5vw;
- background-color: #0a0a0a;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- nav #menudesktop{
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- nav #menudesktop ul{
- margin: 0;
- list-style-type: none;
- display: flex;
- justify-content: center;
- }
- nav #menudesktop ul li{
- height: 5vw;
- transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
- }
- nav #menudesktop ul li a:link, nav #menudesktop ul li a:visited, nav #menudesktop ul li a:active {
- font-size: 1.6vw;
- color: white;
- text-decoration: none;
- font-family: 'Inter', sans-serif;
- padding-left: 1.5vw;
- padding-right: 1.5vw;
- padding-top: 1.7vw;
- padding-bottom: 1.7vw;
- }
- nav #menudesktop ul li:hover, .social img:hover {
- background-color: #363636;
- color: white;
- }
- nav img, nav a img{
- width: 5vw;
- height: 5vw;
- display: inline-block;
- }
- .social{
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- }
- .social img {
- transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
- }
- #menuresponsive {
- display: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement