styles.css 798 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .weather {
  2. background: linear-gradient(to top, #d6eeff, #a5d9ff);
  3. display: inline-block;
  4. text-align: center;
  5. width: 100%;
  6. border-bottom-left-radius: 15px;
  7. border-bottom-right-radius: 15px;
  8. border: 1px solid #e8e8e8;
  9. margin-bottom: 20px;
  10. }
  11. .selects select{
  12. display: block;
  13. width: 100%;
  14. height: 50px;
  15. font-size: 20px;
  16. border: 1px solid #e8e8e8;
  17. padding: 10px;
  18. }
  19. .selects select:first-child {
  20. border-top-left-radius: 15px;
  21. border-top-right-radius: 15px;
  22. margin-top: 40px;
  23. }
  24. .forecast {
  25. width: 37%;
  26. margin: 0 auto;
  27. font-size: 20px;
  28. }
  29. body {
  30. font-family: arial, sans-serif;
  31. line-height: 30px;
  32. margin: 0;
  33. padding: 0;
  34. }
  35. body * {
  36. box-sizing: border-box;
  37. outline: none;
  38. }
  39. .forecast img {
  40. width: 70px;
  41. margin-bottom: 15px;
  42. margin-top: 10px;
  43. }