phone.css 759 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @media only screen
  2. and (max-device-width: 930px)
  3. and (orientation: portrait)
  4. {
  5. h1{
  6. font-size: 4rem;
  7. }
  8. #time{
  9. font-size: 4rem;
  10. margin: 50px 0px -30px 0px;
  11. }
  12. form{
  13. margin-top: 130px;
  14. }
  15. input{
  16. font-size: 2.5rem;
  17. width: 70vw;
  18. height: 10vw;
  19. }
  20. button{
  21. width: 20vw;
  22. height: 10vw;
  23. color: #222;
  24. font-size: 2.5rem;
  25. font-weight: normal;
  26. padding: 0;
  27. }
  28. ul{
  29. flex-direction: column;
  30. align-items: center;
  31. align-content: center;
  32. font-size: 4rem;
  33. }
  34. li{
  35. margin: 24px;
  36. padding: 10px;
  37. border-radius: 6px;
  38. background-color: darkgray;
  39. }
  40. li:active{
  41. background-color: gray;
  42. }
  43. a{
  44. color: #222;
  45. text-decoration: none;
  46. }
  47. a:visited{
  48. color: #222;
  49. }
  50. a:active{
  51. color: #222;
  52. }
  53. img{
  54. margin-bottom: 100px;
  55. }
  56. }