css.css 969 B

12345678910111213141516171819202122232425262728293031323334
  1. .header {
  2. padding: 30px; margin: -10px; display: flex; gap: 10px; position: fixed; margin-top: -112px;
  3. border: 2px solid black;
  4. background-color: #c9f0dc;
  5. width: 100%;
  6. }
  7. .header > a{
  8. color:black;
  9. background-color: #8fba8f;
  10. padding: 10px;
  11. border-radius: 10px;
  12. border: 2px solid #71a871;
  13. text-decoration: none;
  14. }
  15. .header > a:hover{ background-color: #d1e3d1; }
  16. .object {
  17. width: 50%;
  18. border: 2px solid black; border-radius: 5px;
  19. background-color: #d1e3d1;
  20. margin: 10px; padding: 20px;
  21. margin-left: 100px;
  22. }
  23. .object > .buttons { margin-top: 30px;}
  24. .object > div { margin-bottom: 10px; margin-left: 30px; }
  25. button, .buttons > a { border: 2px solid #71a871; text-decoration: none; color: black; }
  26. button, .buttons > a {
  27. background-color: #8fba8f;
  28. border-radius: 5px;
  29. padding: 5px;
  30. }
  31. button:hover, form > a:hover { background-color: #aed1b8; }
  32. .buttons { display: flex; gap: 10px; }
  33. .alert-success { margin-bottom: 20px; font-size: 16pt;}