SHARE
TWEET

Untitled

a guest Nov 19th, 2019 105 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.   background-color: lightblue;
  3.   font-family: 'Raleway', sans-serif;
  4. }
  5.  
  6. nav {
  7.   background-color: grey;
  8.   position: fixed;
  9.   top: 0;
  10.   left: 0;
  11.   height: 50px;
  12.   width: 100vw;
  13.   z-index: 1;
  14. }
  15.  
  16. nav ul li {
  17.   float: right;
  18.   margin-right: 50px;
  19.   list-style-type: none;
  20.   text-align: center;
  21. }
  22.  
  23. #brand {
  24.   float: left;
  25. }
  26.  
  27. h1 {
  28.   font-size: 60pt;
  29.   font-family: 'Acme', sans-serif;
  30. }
  31.  
  32. h2 {
  33.   font-family: 'Acme', sans-serif;
  34.   color: darkred;
  35. }
  36.  
  37. .nav-link {
  38.   color: darkred;
  39.   text-decoration: none;
  40.   font-family: 'Acme', sans-serif;
  41. }
  42.  
  43. .nav-link:hover {
  44.   color: lightblue;
  45.   font-weight: bold;
  46. }
  47.  
  48. #brand .nav-link {
  49.   color: lightblue;
  50.   font-size: 14pt;
  51. }
  52.  
  53. #brand .nav-link:hover {
  54.   color: darkred;
  55. }
  56.  
  57. #home {
  58.   margin-top: 50px;
  59.   position: relative;
  60.   left: -8px;
  61.   width: 100vw;
  62.   height: 30vh;
  63.   padding-top: 3em;
  64.   background: url('https://images.unsplash.com/photo-1516821371801-280cf8069a4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1800&q=80') center 75% no-repeat fixed;
  65.   background-size: cover;
  66. }
  67.  
  68. .header-tag {
  69.   text-align: center;
  70.   color: darkred;
  71.   text-shadow: 2px 2px 2px black;
  72. }
  73.  
  74. h3.header-tag {
  75.   margin-top: -30px;
  76.   font-size: 18pt;
  77. }
  78.  
  79. .main {
  80.   text-align: center;
  81. }
  82.  
  83. #about {
  84.   margin-top: 50px;
  85.   display: inline-block;
  86. }
  87.  
  88. #about-picture {
  89.   width: 30vw;
  90.   float: left;
  91. }
  92.  
  93. #profile-pic {
  94.   height: 300px;
  95.   width: 300px;
  96.   object-fit: cover;
  97.   border-radius: 0.4em;
  98.   box-shadow: 2px 2px 2px black;
  99. }
  100.  
  101. #about-content {
  102.   width: 40vw;
  103.   float: right;
  104. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top