repository to manage all files for 1_2_oder_3 interaction game for Inf2/2 Interaktionen SoSe23 from Engert, Caliskan and Bachiri
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.css 1.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. h1 {
  2. text-align: center;
  3. }
  4. div {
  5. text-align: center;
  6. }
  7. #MainHeading {
  8. }
  9. #MainHeadingPic {
  10. max-width: 10%;
  11. }
  12. #buttondiv {
  13. display: inline;
  14. margin: auto;
  15. }
  16. #startbutton {
  17. scale: 120%;
  18. }
  19. #nextbutton {
  20. visibility: hidden;
  21. }
  22. #questiondiv{
  23. margin-top: 20px;
  24. }
  25. #question {
  26. margin: auto;
  27. height: 50px;
  28. width: 600px;
  29. border-style: solid;
  30. padding-bottom: 20px;
  31. }
  32. #answerdiv {
  33. display: flex;
  34. }
  35. #timerdiv {
  36. margin-bottom: 20px;
  37. padding-bottom: 20px;
  38. padding-top: 20px;
  39. }
  40. #timer {
  41. display: inline;
  42. }
  43. #timerpic{
  44. max-width: 10%;
  45. margin-bottom: -20px;
  46. }
  47. #answerdiv{
  48. display: flex;
  49. justify-content: center;
  50. align-items: center;
  51. flex-wrap: wrap;
  52. }
  53. .answerbox {
  54. width: 300px;
  55. height: 100px;
  56. border-style: solid;
  57. }
  58. #firstanswerbox {
  59. border-color: red;
  60. background-color: red;
  61. }
  62. #secondanswerbox {
  63. border-color: yellow;
  64. background-color: yellow;
  65. }
  66. #thirdanswerbox {
  67. border-color: blue;
  68. background-color: blue;
  69. }