Advertisement
Guest User

Untitled

a guest
Oct 22nd, 2019
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.66 KB | None | 0 0
  1. header{
  2. background-color: #FEFEFE;
  3. width: 100%;
  4. z-index: 1;
  5. border-bottom: 0.5px solid grey;
  6.  
  7. }
  8. h2{
  9. border-bottom: 0.5px solid grey;
  10. }
  11. h1{
  12. font-size: 35px;
  13. }
  14. .image{
  15. overflow: hidden;
  16. background-color: #FEFEFE;
  17. }
  18. .title{
  19. color: #82A815;
  20. }
  21. .menu{
  22. display: flex;
  23. justify-content: space-between;
  24. }
  25. .menu p{
  26. width: 11%;
  27. padding: 5%;
  28. white-space: nowrap;
  29. }
  30. .container{
  31. display: flex;
  32. justify-content: space-around;
  33. width: 94%;
  34. }
  35. .menu2{
  36. display: flex;
  37. justify-content: space-between;
  38. margin-top: -4%;
  39. opacity: .4;
  40. width: 100%;
  41. }
  42. .menu2 p{
  43. display: flex;
  44.  
  45. }
  46. .titleFlex{
  47. margin-left: 11%;
  48. }
  49. .litleFlex2{
  50. display: flex;
  51. justify-content: space-around;
  52. width: 25%;
  53. margin-right: 3%;
  54. }
  55. .litleFlex2 p{
  56. font-size: 13px;
  57. margin-top: 28px;
  58. }
  59. .navBarre{
  60. list-style: none;
  61. margin: 0;
  62. font-size: 1.4rem;
  63. width: 93%;
  64. }
  65. a:focus{
  66. color: black;
  67. }
  68. a{
  69. color: black;
  70. text-decoration: none;
  71. }
  72. li{
  73. list-style: none;
  74. border-bottom: 0.5px solid grey;
  75. width: 18%;
  76. padding-top: 2%;
  77. padding-bottom: 1%;
  78. }
  79.  
  80. span{
  81. color: #BAC368;
  82. }
  83. section{
  84. margin-top: -20%;
  85. margin-left: 20.5%;
  86. }
  87. .sizeTitle{
  88. border-bottom: 0.5px solid grey;
  89. }
  90. .content{
  91. border-left: .5px solid black;
  92. }
  93. .box{
  94. margin-left: 1%;
  95. width: 90%;
  96. text-align: justify;
  97. }
  98. .citation{
  99. text-align: center;
  100. }
  101. .name{
  102. text-align: right;
  103. }
  104. .more{
  105. color: #82A815;
  106. }
  107. .footer-icons{
  108. margin-top: 25px;
  109. width: 100% auto;
  110. }
  111.  
  112. .footer-icons a{
  113. display: inline-block;
  114. width: 35px;
  115. height: 35px;
  116. cursor: pointer;
  117. border-radius: 2px;
  118. font-size: 20px;
  119. color: #FFFFFF;
  120. text-align: center;
  121. line-height: 35px;
  122. margin-right: 3px;
  123. margin-bottom: 5px;
  124. }
  125. .littleTitle{
  126. display: flex;
  127. white-space: nowrap;
  128. margin-left: 10%;
  129. }
  130. .littleTitle p{
  131. margin-right: 4%;
  132. }
  133. .block{
  134. display: flex;
  135. justify-content: space-between;
  136. width: 93%;
  137. }
  138.  
  139.  
  140. @media screen and (max-width: 700px) {
  141.  
  142. #menu-icon {
  143. display: inline-block;
  144. }
  145. .menu{
  146. flex-direction: column;
  147. text-align: center;
  148. align-items: center;
  149. margin-right: 10%;
  150. }
  151. .navBarre{
  152. overflow: hidden;
  153. display: none;
  154. }
  155. .menu2{
  156. display: none;
  157. }
  158. section{
  159. margin: 0 auto;
  160. font-size: 20px;
  161. }
  162. header{
  163. border: none;
  164. }
  165. .container{
  166. display: flex;
  167. flex-direction: column;
  168. }
  169. .title{
  170. text-align: center;
  171. }
  172. .content{
  173. border: none;
  174. }
  175. .addLetter{
  176. white-space: nowrap;
  177. }
  178. .block{
  179. display: contents;
  180. }
  181. .littleTitle{
  182. margin: 0% auto;
  183. }
  184. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement