all.scss 804 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. body{
  2. padding: 0 2%;
  3. }
  4. header{
  5. .contact{
  6. position: fixed;
  7. top: 50px;
  8. right: 50px;
  9. transform: scale(1);
  10. transition: transform 0.5s ease;
  11. cursor: pointer;
  12. &:hover{
  13. transition: transform 0.5s ease;
  14. transform: scale(0.9);
  15. }
  16. svg{
  17. animation: rotation 6s infinite linear;
  18. width: 90.4px;
  19. height: 87.45px;
  20. }
  21. h3{
  22. transform: rotate(35deg);
  23. }
  24. p{
  25. display: none;
  26. }
  27. }
  28. h2{
  29. margin-left: 10px;
  30. }
  31. }
  32. .card{
  33. width: calc(100% / 3);
  34. padding: 0 10px;
  35. line-height: 0.8!important;
  36. .card-header{
  37. margin-top: 10px;
  38. display: inline-flex;
  39. & > div{
  40. margin-right: 5px;
  41. & > a{
  42. vertical-align: baseline;
  43. }
  44. & > time{
  45. vertical-align: baseline;
  46. }
  47. }
  48. }
  49. }