ImKingEz_

Untitled

Jun 11th, 2021
616
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. * {
  2.   box-sizing: border-box;
  3. }
  4.  
  5. body {
  6.     margin: 0;
  7. }
  8.  
  9. nav {
  10.     width: 100%;
  11.     max-height: 5vw;
  12.   height: 5vw;
  13.     background-color: #0a0a0a;
  14.   display: flex;
  15.   justify-content: space-between;
  16.   align-items: center;
  17. }
  18.  
  19. nav #menudesktop{
  20.   display: flex;
  21.   flex-direction: row;
  22.   align-items: center;
  23. }
  24.  
  25. nav #menudesktop ul{
  26.   margin: 0;
  27.   list-style-type: none;
  28.   display: flex;
  29.   justify-content: center;
  30. }
  31.  
  32. nav #menudesktop ul li{
  33.   height: 5vw;
  34.   transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
  35. }
  36.  
  37. nav #menudesktop ul li a:link, nav #menudesktop ul li a:visited, nav #menudesktop ul li a:active {
  38.     font-size: 1.6vw;
  39.     color: white;
  40.     text-decoration: none;
  41.     font-family: 'Inter', sans-serif;
  42.     padding-left: 1.5vw;
  43.   padding-right: 1.5vw;
  44.   padding-top: 1.7vw;
  45.   padding-bottom: 1.7vw;
  46. }
  47.  
  48. nav #menudesktop ul li:hover, .social img:hover {
  49.     background-color: #363636;
  50.     color: white;
  51. }
  52.  
  53. nav img, nav a img{
  54.     width: 5vw;
  55.     height: 5vw;
  56.     display: inline-block;
  57. }
  58.  
  59. .social{
  60.   display: flex;
  61.   flex-direction: row;
  62.   justify-content: flex-end;
  63. }
  64.  
  65. .social img {
  66.     transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
  67. }
  68.  
  69. #menuresponsive {
  70.     display: none;
  71. }
RAW Paste Data