ImKingEz_

Untitled

Jun 11th, 2021
969
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.4vw;
  39.   height: 5vw;
  40.     color: white;
  41.     text-decoration: none;
  42.     font-family: 'Inter', sans-serif;
  43.     padding-left: 1.5vw;
  44.   padding-right: 1.5vw;
  45.   padding-top: 1.8vw;
  46.   padding-bottom: 1.8vw;
  47.   display: flex;
  48.   align-items: center;
  49. }
  50.  
  51. nav #menudesktop ul li:hover, .social img:hover {
  52.     background-color: #363636;
  53.     color: white;
  54. }
  55.  
  56. nav img, nav a img{
  57.     width: 5vw;
  58.     height: 5vw;
  59. }
  60.  
  61. .social{
  62.   display: flex;
  63.   flex-direction: row;
  64.   justify-content: flex-end;
  65. }
  66.  
  67. .social img {
  68.     transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
  69. }
  70.  
  71. #menuresponsive {
  72.     display: none;
  73. }
RAW Paste Data