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.

86 lines
1.4 KiB

  1. @import url('https://fonts.googleapis.com/css2?family=Cabin:wght@600;700&display=swap');
  2. *{
  3. font-family: 'Cabin', sans-serif;
  4. }
  5. body
  6. {
  7. overflow: hidden;
  8. }
  9. /* ### Stapel-"Karte ziehen" ### */
  10. .stack-draw
  11. {
  12. max-width: 25vh;
  13. min-width: 20vh;
  14. position: absolute;
  15. top: 47vh;
  16. right: min(90%, (53% + 10vh));
  17. transform: translate(50%, -50%);
  18. }
  19. /* ### Stapel-"Karte legen" ### */
  20. .stack-put
  21. {
  22. max-width: 25vh;
  23. min-width: 20vh;
  24. position: absolute;
  25. top: 47vh;
  26. left: min(90%, (53% + 10vh));
  27. transform: translate(-50%, -50%);
  28. }
  29. #first-put-anim
  30. {
  31. top: 30vh;
  32. opacity: 0;
  33. }
  34. #first-put
  35. {
  36. opacity: 0;
  37. }
  38. .playerDeck{
  39. display: flex;
  40. justify-content: center;
  41. position: absolute;
  42. bottom: 0;
  43. left: 0;
  44. width: 100%;
  45. height: 30%;
  46. }
  47. .pictureCard
  48. {
  49. position: absolute;
  50. width: 8vw;
  51. box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
  52. background-color: rgb(0, 0, 0);
  53. border: 0.2vw solid black;
  54. border-radius: 1.5vw;
  55. transition: top 0.5s, width 0.5s, transform 0.5s, left 0.5s, opacity 0.5s;
  56. }
  57. .pictureCard img{
  58. width: 100%;
  59. }
  60. #sayUno{
  61. position: absolute;
  62. bottom: 0vh;
  63. left: 3vh;
  64. width: 100%;
  65. }
  66. .uno{
  67. position: absolute;
  68. bottom: 10.5vw;
  69. left: 11vw;
  70. width: 25vw;
  71. transition: width ease-in-out 0.5s;
  72. transform: translate(-50%, 50%);
  73. }
  74. #sayUno-glow{
  75. opacity: 0.3;
  76. transition: width ease-in-out 0.5s, opacity 0.5s;
  77. }