app.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .app-container {
  2. display: flex;
  3. flex-direction: row;
  4. }
  5. #poll-container {
  6. padding:50px;
  7. height: 100vh;
  8. display: flex;
  9. flex: 3;
  10. overflow-y: auto;
  11. flex-wrap: wrap;
  12. }
  13. #form-container {
  14. padding:50px;
  15. height: 100vh;
  16. display: block;
  17. background-color: #232628;
  18. color:#fff;
  19. flex: 1;
  20. overflow-y: auto;
  21. }
  22. .poll-question {
  23. color: #000000;
  24. font-size: 2.5em;
  25. font-weight: 600;
  26. padding-bottom:30px;
  27. }
  28. .questions {
  29. display: block;
  30. }
  31. .poll-item {
  32. margin-bottom:50px;
  33. border-bottom:4px solid #dadada;
  34. padding-bottom:50px;
  35. }
  36. .button_yes {
  37. padding:20px;
  38. font-size: 2em;
  39. min-width:200px;
  40. margin-left: 50px;
  41. margin-right: 50px;
  42. border:4px solid;
  43. }
  44. .button_no {
  45. padding:20px;
  46. font-size: 2em;
  47. min-width:200px;
  48. margin-left: 50px;
  49. margin-right: 50px;
  50. border:4px solid;
  51. }
  52. .form-block {
  53. display: block;
  54. }
  55. input {
  56. font-size:1.5em !important;
  57. }
  58. select {
  59. font-size:1.5em !important;
  60. }
  61. button {
  62. margin-top:25px;
  63. padding:30px;
  64. font-size:1.5em !important;
  65. }