SHARE
TWEET

Untitled

a guest Mar 26th, 2020 57 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. body {
  6.     font-family: 'Comic Sans MS', Arial;
  7.     font-size: 13pt;
  8.     background-color: #efefef;
  9.     padding: 10px;
  10.     margin: 0;    
  11. }
  12. h1 {
  13.     font-size: 15pt;
  14.     color: #ff0d05;
  15.     text-align: center;
  16.     padding: 18px 0 18px 0;
  17.     margin: 0 0 10px 0;
  18. }
  19. h1 span {
  20.     border: 4px dashed #20bcd5;
  21.     padding: 10px;
  22. }
  23. p {
  24.     padding: 0;
  25.     margin: 0;
  26. }
  27. .img-circle {
  28.     border: 3px solid white;
  29.     border-radius: 50%;
  30. }
  31. .section {
  32.     background-color: #fff;
  33.     padding: 15px;
  34.     margin-bottom: 10px;
  35.     border-radius: 10px;
  36. }
  37. #header {
  38.     background-image: url("https://www.sololearn.com/Uploads/header.jpg");
  39.     background-size: cover;
  40. }
  41. #header img {
  42.     display: block;
  43.     width: 80px;
  44.     height: 80px;
  45.     margin: auto;
  46. }
  47. #header p {
  48.     font-size: 25pt;
  49.     color: #3b464c;
  50.     padding-top: 5px;
  51.     margin: 0;
  52.     font-weight: bold;
  53.     text-align: center;
  54. }
  55. .quote {
  56.     font-size: 12pt;
  57.     text-align: right;
  58.     margin-top: 10px;
  59. }
  60. table {
  61.     width: 100%;
  62.     font-size: 11pt;
  63. }
  64. table, th, td {
  65.     border: 2px solid #cecece;
  66.     border-collapse: collapse;
  67.     text-align: center;
  68.     table-layout: fixed;
  69. }
  70. .selected {
  71.     background-color: #f36f48;
  72.     font-weight: bold;
  73.     color: white;
  74. }
  75. li {
  76.     margin-bottom: 15px;
  77.     font-weight: bold;
  78. }
  79. progress {
  80.     width: 70%;
  81.     height: 20px;
  82.     color: #3fb6b2;
  83.     background: #efefef;
  84. }
  85. progress::-webkit-progress-bar {
  86.     background: #efefef;
  87. }
  88. progress::-webkit-progress-value {
  89.     background: #3fb6b2;
  90. }
  91. progress::-moz-progress-bar {
  92.     color: #3fb6b2;
  93.     background: #efefef;
  94. }
  95. iframe, audio {
  96.     display: block;
  97.     margin: 0 auto;
  98.     border: 3px solid #3fb6b2;
  99. }
  100. hr {
  101.     border: 0;
  102.     height: 1px;
  103.     background: #191678;
  104. }
  105. form {
  106.     text-align: center;
  107.     margin-top: 0;
  108. }
  109. .submit {
  110.     background-color: #3fb6b2;
  111.     padding: 12px 45px;
  112.     border-radius: 5px;
  113.     cursor: pointer;
  114.     color: #ffffff;
  115.     border: none;
  116.     outline: none;
  117.     margin: 0;
  118.     font-weight: bold;
  119. }
  120. .submit:hover {
  121.     background-color: #43a09d;
  122. }
  123. textarea {
  124.     height: 100px;
  125. }
  126. input, textarea {
  127.     margin-bottom: 10px;
  128.     font-size: 11pt;
  129.     padding: 15px 10px 10px;
  130.     border: 1px solid #cecece;
  131.     background-color: #efefef;
  132.     color: #787575;
  133.     border-radius: 5px;
  134.     width: 70%;
  135.     outline: none;
  136. }
  137. .face {
  138.     transform: scale(0.4);
  139.     margin: 0 auto;
  140.     display: block;
  141.     margin-top: -35px;
  142.     margin-bottom: -25px;
  143. }
  144. #contacts img {
  145.     height: 50px;
  146.     width: 50px;
  147.     margin-left: 7px;
  148.     margin-right: 7px;
  149. }
  150. #contacts a {
  151.     text-decoration: none;
  152. }
  153. #contacts img:hover {
  154.     opacity: 0.8;
  155. }
  156. #contacts {
  157.     text-align: center;
  158. }
  159. .copyright {
  160.     font-size: 0pt;
  161.     text-align: right;
  162.     padding-bottom: 0px;
  163.     color: white;
  164. }
  165. .screenshoot {
  166.     border: 2px solid #6C3E25;
  167.     margin: 5px;
  168.     width: 40vw;
  169.     box-shadow: #CAB47C 3px 3px;
  170. }
  171.  
  172. .flex_container {
  173.     display: flex;
  174.     justify-content: center;
  175.     flex-wrap: flex;
  176.     align-content: center;
  177.     align-items: center;
  178. }
  179.  
  180. .ic_google_play {
  181.     width: 80px;
  182. }
  183.  
  184. #show_0 {
  185.   animation-duration: 2s;
  186.   animation-name: show;
  187. }
  188.  
  189. #show_1 {
  190.   animation-duration: 6s;
  191.   animation-name: show;
  192. }
  193.  
  194. #show_2 {
  195.   animation-duration: 8s;
  196.   animation-name: show;
  197. }
  198.  
  199. #show_3 {
  200.   animation-duration: 10s;
  201.   animation-name: show;
  202. }
  203.  
  204. #show_4 {
  205.   animation-duration: 12s;
  206.   animation-name: show;
  207. }
  208.  
  209. #show_5 {
  210.   animation-duration: 14s;
  211.   animation-name: show;
  212. }
  213.  
  214. #show_6 {
  215.   animation-duration: 16s;
  216.   animation-name: show;
  217. }
  218.  
  219. #show_7 {
  220.   animation-duration: 18s;
  221.   animation-name: show;
  222. }
  223.  
  224. #show_8 {
  225.   animation-duration: 20s;
  226.   animation-name: show;
  227. }
  228.  
  229. @keyframes show {
  230.   from {
  231.     opacity: 0.0;
  232.   }
  233.  
  234.   to {
  235.     opacity: 1.0;
  236.   }
  237. }
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