index.css 795 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @import url('https://fonts.googleapis.com/css?family=Roboto');
  2. html {
  3. outline: solid 2px blue;
  4. overflow: hidden;
  5. display: flex;
  6. justify-content: center;
  7. align-items: center;
  8. width: 100vw;
  9. height: 100vh;
  10. background-color: black;
  11. }
  12. body {
  13. margin: 0;
  14. background-color: #252423;
  15. color: #F6F4F2;
  16. font-family: Roboto;
  17. position: absolute;
  18. width: 1920px;
  19. height: 1080px;
  20. zoom: 50%;
  21. }
  22. scene, .scene {
  23. display: inline-block;
  24. position: absolute;
  25. width: 1920px;
  26. height: 1080px;
  27. xoutline: solid 10px #ff8800aa;
  28. xoutline: solid 1000px black;
  29. }
  30. sprite, .sprite {
  31. display: inline-block;
  32. }
  33. centerer {
  34. display: inline-block;
  35. transform: translate(-50%, -50%);
  36. }
  37. mover, scaler {
  38. display: inline-block;
  39. }
  40. mover {
  41. display: inline-block;
  42. position: absolute;
  43. }