Guest User

Untitled

a guest
Aug 22nd, 2019
91
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. img.logo-nav{
  2. width:150px;
  3. }
  4. .logo {
  5. line-height: 60px;
  6. position: fixed;
  7. float: left;
  8. margin: 16px 46px;
  9. color: #fff;
  10. font-weight: bold;
  11. font-size: 20px;
  12. letter-spacing: 2px;
  13. }
  14.  
  15. nav {
  16. position: fixed;
  17. width: 100%;
  18. line-height: 60px;
  19. z-index:1;
  20. }
  21.  
  22. nav ul {
  23. line-height: 60px;
  24. list-style: none;
  25. background: rgba(0, 0, 0, 0);
  26. overflow: hidden;
  27. color: #fff;
  28. padding: 0;
  29. text-align: right;
  30. margin: 0;
  31. padding-right: 40px;
  32. transition: 1s;
  33. }
  34.  
  35. nav.black ul {
  36. background: #000;
  37. }
  38.  
  39. nav ul li {
  40. display: inline-block;
  41. padding: 16px 40px;;
  42. }
  43.  
  44. nav ul li a {
  45. text-decoration: none;
  46. color: #fff;
  47. font-size: 16px;
  48. }
  49.  
  50. .menu-icon {
  51. line-height: 60px;
  52. width: 100%;
  53. background: #000;
  54. text-align: right;
  55. box-sizing: border-box;
  56. padding: 15px 24px;
  57. cursor: pointer;
  58. color: #fff;
  59. display: none;
  60. }
  61.  
  62. @media only screen and (min-width:768px){
  63. img.mainwriting{
  64. width:100%;
  65. margin-top:40vh;
  66. }
  67. header {
  68. width: 100%;
  69. height: 100vh;
  70. font-family: "Helvetica Neue",sans-serif;
  71. font-weight: lighter;
  72. background-image:url('background-new.png');
  73. background-size:cover;
  74. height:100vh;
  75. background-attachment: fixed;
  76.  
  77. }
  78.  
  79.  
  80. .section-2{
  81. height:100vh;
  82. }
  83.  
  84. .container-image {
  85. position: relative;
  86. width: 50%;
  87. }
  88.  
  89.  
  90. .container-image{
  91. margin-left:25%;
  92. margin-top:20%;
  93. width: 50%;
  94. height: auto;
  95. }
  96.  
  97. .image-1{
  98. width:100%;
  99. height:auto;
  100. }
  101.  
  102. /*Style the button and place it in the middle of the container/image */
  103. .container-image .login-2 {
  104. position: absolute;
  105. top: 50%;
  106. left: 50%;
  107. transform: translate(-50%, -50%);
  108. -ms-transform: translate(-50%, -50%);
  109. border: none;
  110. flex: 1 1 auto;
  111. margin: 10px;
  112. padding-right: 30px;
  113. padding-left: 30px;
  114. padding-top:5px;
  115. padding-bottom:5px;
  116. text-align: center;
  117. text-transform: uppercase;
  118. border-style:none;
  119. background-size: 200% auto;
  120. color: white;
  121. border-radius: 10px;
  122. transition: 0.5s;
  123. background-position:right;
  124. background-image: linear-gradient(to bottom,#B5345E 0%, #952667 50%);
  125. margin-left:-1px;
  126. margin-top:-2px;
  127. }
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143. @media only screen and (max-width: 786px) {
  144.  
  145.  
  146. body {
  147. font-family: "Helvetica Neue",sans-serif;
  148. font-weight: lighter;
  149. background-image:url('images/background-0.png');
  150. background-size:cover;
  151. height:100vh;
  152. background-attachment: fixed;
  153. overflow-x:hidden;
  154. background-position: center;
  155.  
  156. }
  157. .wrapper{
  158. width:100%;
  159. }
  160. header{
  161. width:100%;
  162. overflow-x:hidden;
  163. }
  164. .logo {
  165. position: fixed;
  166. top: 0;
  167. margin-top: 16px;
  168. }
  169.  
  170. nav ul {
  171. max-height: 0px;
  172. background: #000;
  173. }
  174.  
  175. nav.black ul {
  176. background: #000;
  177. }
  178.  
  179. .showing {
  180. max-height: 34em;
  181. }
  182.  
  183. nav ul li {
  184. box-sizing: border-box;
  185. width: 100%;
  186. padding: 24px;
  187. text-align: center;
  188. }
  189.  
  190. .menu-icon {
  191. display: block;
  192. }
  193.  
  194. img.logo-nav{
  195. width:90px;
  196. }
  197.  
  198.  
  199. header {
  200. width: 100%;
  201. height: 100vh;
  202. background-image:linear-gradient(
  203. -50deg, rgba(185,54,98,0.8) 40%, rgba(26,26,26,0.8));
  204.  
  205. background-size: cover;
  206. }
  207. }
RAW Paste Data