daily pastebin goal
10%
SHARE
TWEET

Untitled

a guest Feb 9th, 2017 22 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body,html,.page-header,.container {padding: 0; margin: 0;}
  2.  
  3. body {
  4.     color: Gainsboro;
  5. }
  6.  
  7. #cover-page {
  8.     height: 100%;
  9.     background: url("https://static.pexels.com/photos/7108/notebook-computer-chill-relax.jpg") no-repeat fixed center;
  10.     background-size: cover;
  11. }
  12.  
  13. .container {
  14.     width: 100%;
  15.     height: 100%;
  16.     text-align: center;
  17. }
  18.  
  19.  
  20. header .container {
  21.     padding: 10px;
  22.  
  23. }
  24.  
  25. .main-logo {padding: 0; }
  26.  
  27. .main-logo h1, .main-logo h2 {
  28.     margin-bottom: 0;
  29.     margin-top: 0;
  30.     font-size: 25px;
  31.     max-height: 100%;
  32. }
  33.  
  34. .main-logo h1 { border-bottom: 1px solid #FF4947; padding-bottom: 2px; }
  35.  
  36.  
  37. #cover-page {
  38.     position: relative;
  39. }
  40.  
  41. .posties {
  42.     position: absolute;
  43.     top: 30%;
  44.     padding: 20px;
  45.  
  46. }
  47.  
  48. .posty1 ,.posty2 {
  49.     padding: 10px;
  50.     background-color: rgba(55, 64, 66, 0.8);
  51.    
  52. }
  53.  
  54. .posty1 {
  55.     width: 300px;
  56.  
  57. }
  58.  
  59. .posty2 span {
  60.     color: #FF4947;
  61. }
  62.  
  63. #skills-page {
  64.     background-color: #26292B;
  65. }
  66.  
  67. .skills {
  68.     padding: 20px;
  69.     max-height: 100%;
  70. }
  71.  
  72. .skills-container {
  73.     padding-top: 30px;
  74.     max-height: 100%;
  75. }
  76.  
  77. #skills-page h1 {
  78.    
  79.     font-size: 60px;
  80. }
  81.  
  82. .skillIcon {
  83.     font-size: 40px;
  84.     border-radius: 100%;
  85.     border: 2px solid #FF4947;
  86.     padding: 15px;
  87.     color: #FF4947;
  88. }
  89.  
  90. .skills p {
  91.     margin: 0 auto;
  92.     font-size: 20px;
  93.     font-weight: lighter;
  94.    
  95. }
  96.  
  97.  
  98. @media screen and (min-width:750px) {
  99.     .posties {
  100.         text-align: left;
  101.     }
  102. }
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