Advertisement
iseplutpi

CSS-discord-bootstrap

May 28th, 2021 (edited)
1,601
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Navbar */
  2. .navbar-brand {
  3.   font-family: Viga;
  4.   font-size: 32px;
  5. }
  6.  
  7. /* Jumbotron */
  8. .jumbotron {
  9.   background-image: url(img/6.jpg);
  10.   background-size: cover;
  11.   height: 640px;
  12.   /* text-align: center; */
  13.  
  14.     /* ditambahin ini */
  15.     display: flex;
  16.     align-items: center;
  17.     justify-content: center;
  18. }
  19.  
  20. .jumbotron .display-4 {
  21.   color: white;
  22.  
  23.   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  24. }
  25.  
  26. .display-4 {
  27. }
  28.  
  29. /* Utility */
  30. .tombol {
  31.   text-transform: uppercase;
  32.   border-radius: 40px;
  33. }
  34.  
  35. /* Desktop Version */
  36. @media (min-width: 992px) {
  37.   .navbar-brand,
  38.   .nav-link {
  39.     color: white !important;
  40.     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  41.   }
  42.  
  43.   .nav-link {
  44.     text-transform: uppercase;
  45.     margin-right: 30px;
  46.   }
  47.   .nav-link:hover::after {
  48.     content: "";
  49.     display: block;
  50.     border-bottom: 3px solid #0b63dc;
  51.     width: 50%;
  52.     margin: auto;
  53.     padding-bottom: 5px;
  54.     margin-bottom: -8px;
  55.   }
  56.  
  57.   .jumbotron {
  58.     margin-top: -75px;
  59.   }
  60. }
  61.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement