blueBelt.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. body{
  2. width: 100%;
  3. font-size: 12px;
  4. font-family: Arial, Helvetica, sans-serif;
  5. }
  6. .container{
  7. width: 100%;
  8. display: flex;
  9. justify-content: center;
  10. align-items: center;
  11. flex-direction: column;
  12. }
  13. .form{
  14. display: flex;
  15. justify-content: center;
  16. flex-direction: column;
  17. align-items: center;
  18. margin-top: 25px;
  19. margin-bottom: 25px;
  20. width: 300px;
  21. height: 200px;
  22. background-color:#EEEFF1;
  23. border: 1px solid coral;
  24. }
  25. input{
  26. outline: none;
  27. border: none;
  28. margin-bottom: 20px;
  29. }
  30. button{
  31. outline: none;
  32. border: none;
  33. border: 2px solid white;
  34. cursor: pointer;
  35. width: 100px;
  36. height: 25px;
  37. background-color: coral;
  38. color: white;
  39. }
  40. #successBox{
  41. width: 300px;
  42. height: 125px;
  43. background-color: chartreuse;
  44. display: none;
  45. margin: 0 auto;
  46. }
  47. #failureBox{
  48. width: 300px;
  49. height: 125px;
  50. background-color: red;
  51. display: none;
  52. margin: 0 auto;
  53. }
  54. #successBox h1{
  55. text-align: center;
  56. font-size: 48px;
  57. color: white;
  58. }
  59. #failureBox h1{
  60. text-align: center;
  61. font-size: 48px;
  62. color: white;
  63. }