thin.css 761 B

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