forms.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /*форма регистрации*/
  2. .forms-content{
  3. border: 3px solid rgb(62, 58, 58);
  4. border-radius: 20px; /* добавляем закругленные углы */
  5. margin: 0 10%;
  6. position: relative;
  7. }
  8. .login-form {
  9. display: flex;
  10. flex-direction: column;
  11. padding: 5%;
  12. }
  13. .login-label {
  14. margin-bottom: 5px;
  15. margin-top: 10px;
  16. color: black; /* Цвет текста белый */
  17. font-size: 30px;
  18. font-family: "Advent Pro", sans-serif;
  19. font-optical-sizing: auto;
  20. font-weight: bold;
  21. }
  22. .login-input {
  23. padding: 8px;
  24. margin-bottom: 10px;
  25. border: 2px solid black;
  26. border-radius: 5px;
  27. font-size: 25px;
  28. font-family: "Advent Pro", sans-serif;
  29. font-optical-sizing: auto;
  30. }
  31. .login-input option{
  32. background-color: rgb(179, 171, 139) ;
  33. color: black;
  34. font-size: 25px;
  35. font-family: "Advent Pro", sans-serif;
  36. font-optical-sizing: auto;
  37. }
  38. .login-input select{
  39. background-color: rgb(179, 171, 139) ;
  40. color: black;
  41. border: 2px solid black;
  42. border-radius: 5px;
  43. font-size: 15px;
  44. font-family: "Advent Pro", sans-serif;
  45. font-optical-sizing: auto;
  46. font-weight: bold;
  47. }
  48. .login-btn{
  49. margin-top: 30px;
  50. padding: 10px 20px;
  51. background-color: #000;
  52. border: none;
  53. border-radius: 5px;
  54. color: white;
  55. transition: box-shadow 0.3s ease;
  56. font-size: 30px;
  57. font-family: "Advent Pro", sans-serif;
  58. font-optical-sizing: auto;
  59. }
  60. .login-btn:hover{
  61. box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
  62. }