section.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. #start{
  2. div:nth-child(n+3){
  3. display: flex;
  4. &:nth-child(even){
  5. flex-direction: row-reverse;
  6. }
  7. & > div{
  8. width: 50%;
  9. height: 100vh;
  10. overflow: auto;
  11. &:first-child{
  12. display: flex;
  13. background-image: linear-gradient(#98272D, #4f100B);
  14. .chap{
  15. margin: auto;
  16. text-align: center;
  17. .reso{
  18. justify-content: center;
  19. flex-direction: row;
  20. a:nth-of-type(1){
  21. margin-right: 5px
  22. }
  23. a:nth-of-type(2){
  24. margin-left: 5px;
  25. }
  26. }
  27. }
  28. }
  29. }
  30. }
  31. .content{
  32. p{
  33. text-align: center;
  34. margin-bottom: 15px;
  35. }
  36. }
  37. .grav-youtube{
  38. margin: 0;
  39. }
  40. #home{
  41. display: flex;
  42. .visu-album{
  43. position: absolute;
  44. }
  45. .title{
  46. z-index: 999;
  47. height: 100vh;
  48. width: 100%;
  49. display: flex;
  50. flex-wrap: wrap;
  51. h1{
  52. width: 100vw;
  53. margin: auto;
  54. text-transform: uppercase;
  55. text-align: center;
  56. }
  57. p{
  58. position: absolute;
  59. text-align: center;
  60. width: 500px;
  61. left: 50%;
  62. margin-left: -250px;
  63. top: 77%;
  64. }
  65. .reso{
  66. margin: 0 auto;
  67. padding-top: 30px;
  68. a:nth-of-type(1){
  69. margin-right: 5px
  70. }
  71. a:nth-of-type(2){
  72. margin-left: 5px;
  73. }
  74. }
  75. }
  76. }
  77. #biographie, #prochaines_dates{
  78. .content{
  79. padding: 100px;
  80. p:last-child{
  81. margin-bottom: 100px;
  82. }
  83. }
  84. }
  85. }