jorandradefig

style.css

Jun 5th, 2021
1,043
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @font-face {
  2.   font-family: "Netflix Sans Regular";
  3.   src: url("assets/fonts/NetflixSans_W_Rg.woff2") format("woff2");
  4. }
  5.  
  6. @font-face {
  7.   font-family: "Netflix Sans Medium";
  8.   src: url("assets/fonts/NetflixSans_W_Md.woff2") format("woff2");
  9. }
  10.  
  11. #navbar {
  12.   background-color: transparent;
  13. }
  14.  
  15. #navbar svg {
  16.   width: 100px;
  17.   height: 50px;
  18.   fill: red;
  19. }
  20.  
  21. #hero {
  22.   height: 600px;
  23.   background-image: url(./assets/img/concord.jpg);
  24.   background-size: cover;
  25.   background-repeat: no-repeat;
  26.   background-position: center center;
  27. }
  28.  
  29. #hero .inner {
  30.   background-color: transparent;
  31.   color: white;
  32.   font-family: "Netflix Sans Regular";
  33. }
  34.  
  35. #hero .gradient {
  36.   position: absolute;
  37.   top: 0px;
  38.   left: 0px;
  39.   right: 0px;
  40.   height: 600px;
  41.   background-image: linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.8) 100%);
  42.   z-index: 1;
  43. }
  44.  
  45. #hero .inner .title {
  46.   position:  relative;
  47.   font-size: 50px;
  48.   font-weight: 700;
  49.   line-height: 55px;
  50.   z-index: 5;
  51. }
  52.  
  53. #hero .inner .subtitle {
  54.   position:  relative;
  55.   font-size:  26px;
  56.   font-weight: 400;
  57.   z-index: 5;
  58. }
RAW Paste Data