main.css 852 B

123456789101112131415161718192021222324252627282930313233
  1. .header_block {
  2. background-image: url(../images/back_main_one.jpg);
  3. ​​​​​​​background-repeat: no-repeat;
  4. width: 100%;
  5. height: 50%;
  6. background-position: center;
  7. display: flex;
  8. justify-content: center;
  9. align-items: center;
  10. flex-direction: column;
  11. }
  12. .header_title {
  13. color: #ffffff;
  14. -webkit-text-stroke: 1px rgba(0, 0, 0, 0.486);
  15. font: bold;
  16. font-size: 3.5vw;
  17. transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
  18. }
  19. .header_title:hover {
  20. font-size: 3.55vw;
  21. text-shadow: 0px 0px 20px #ffffff;
  22. }
  23. .header_title_2 {
  24. color: #ffffff;
  25. -webkit-text-stroke: 1px rgba(0, 0, 0, 0.486);
  26. font: bold;
  27. font-size: 2vw;
  28. transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
  29. }
  30. .header_title_2:hover {
  31. font-size: 2.05vw;
  32. text-shadow: 0px 0px 20px #ffffff;
  33. }