You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

93 lines
1.3KB

  1. #app_homepage {
  2. padding-bottom: 30px;
  3. padding-top: 30px;
  4. header {
  5. .logo-aac {
  6. width: 80%;
  7. }
  8. .personnages-acc {
  9. width: 26%;
  10. position: absolute;
  11. bottom: 0;
  12. }
  13. h1 {
  14. color: #aab769;
  15. font-size: 32px;
  16. font-family: dinbold;
  17. position: absolute;
  18. bottom: 19px;
  19. width: 100%;
  20. .main-title {
  21. margin-left: 26%;
  22. display: inline-block;
  23. width: 70%;
  24. }
  25. .aac {
  26. color: #dc5b2f;
  27. }
  28. }
  29. }
  30. h2 {
  31. color: #568a73;
  32. font-size: 30px;
  33. margin-top: 80px;
  34. margin-bottom: 30px;
  35. font-family: dinbold;
  36. }
  37. ul {
  38. li {
  39. margin-top: 25px;
  40. button {
  41. width: 70%;
  42. font-size: 18px;
  43. font-family: dinbold;
  44. @include border-radius(15px, 15px);
  45. a {
  46. color: #FFF;
  47. }
  48. }
  49. .yellow {
  50. background-color: #ffe680;
  51. }
  52. .green {
  53. background-color: #aab769;
  54. }
  55. .orange {
  56. background-color: #dc5b2f;
  57. }
  58. }
  59. }
  60. .logo-coop {
  61. width: 60%;
  62. margin-top: 50px;
  63. }
  64. footer {
  65. margin-top: 50px;
  66. font-family: dinregular;
  67. color: #568a73;
  68. text-align: center;
  69. a {
  70. color: #568a73;
  71. font-family: dinbold;
  72. &:hover {
  73. text-decoration: underline;
  74. }
  75. }
  76. }
  77. }