|
448 | 448 | }
|
449 | 449 | }
|
450 | 450 |
|
451 |
| - #team-showcase { |
452 |
| - position: relative; |
453 |
| - height: 50vh; |
454 |
| - background: var(--black); |
455 |
| - |
456 |
| - .hero-background { |
457 |
| - width: 100%; |
458 |
| - height: 100%; |
459 |
| - background-size: cover; |
460 |
| - background-position: center; |
461 |
| - position: relative; |
462 |
| - } |
463 |
| - .overlay { |
464 |
| - position: absolute; |
465 |
| - top: 0; |
466 |
| - left: 0; |
467 |
| - width: 100%; |
468 |
| - height: 100%; |
469 |
| - background-color: rgba(0, 0, 0, 0.7); |
470 |
| - display: flex; |
471 |
| - align-items: flex-end; |
472 |
| - justify-content: flex-start; |
473 |
| - padding: 2rem; |
474 |
| - } |
475 |
| - .title-text { |
476 |
| - text-align: center; |
477 |
| - } |
478 |
| - } |
479 |
| - |
480 |
| - #member { |
481 |
| - // this is for a shadow under the card, with the dark background it cant really be seen, consider making darker or removing |
482 |
| - -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); |
483 |
| - -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); |
484 |
| - box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); |
485 |
| - transform: scale(0.95); |
486 |
| - transition: all 0.5s ease; |
487 |
| - margin-bottom: 0.5rem !important; |
488 |
| - display: inline-table; |
489 |
| - } |
| 451 | + // #member { |
| 452 | + // // this is for a shadow under the card, with the dark background it cant really be seen, consider making darker or removing |
| 453 | + // -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); |
| 454 | + // -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); |
| 455 | + // box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); |
| 456 | + // transform: scale(0.95); |
| 457 | + // transition: all 0.5s ease; |
| 458 | + // margin-bottom: 0.5rem !important; |
| 459 | + // display: inline-table; |
| 460 | + // } |
490 | 461 | .card {
|
491 | 462 | transition: all 0.25s ease;
|
492 | 463 | border-radius: 10px;
|
493 | 464 | overflow: hidden;
|
494 | 465 | }
|
495 | 466 | }
|
496 | 467 |
|
| 468 | +#team-showcase { |
| 469 | + position: relative; |
| 470 | + height: 50vh; |
| 471 | + background: var(--black); |
| 472 | + |
| 473 | + .hero-background { |
| 474 | + width: 100%; |
| 475 | + height: 100%; |
| 476 | + background-size: cover; |
| 477 | + background-position: center; |
| 478 | + position: relative; |
| 479 | + } |
| 480 | + .overlay { |
| 481 | + position: absolute; |
| 482 | + top: 0; |
| 483 | + left: 0; |
| 484 | + width: 100%; |
| 485 | + height: 100%; |
| 486 | + background-color: rgba(0, 0, 0, 0.7); |
| 487 | + display: flex; |
| 488 | + align-items: flex-end; |
| 489 | + justify-content: flex-start; |
| 490 | + padding: 2rem; |
| 491 | + } |
| 492 | + .title-text { |
| 493 | + text-align: center; |
| 494 | + } |
| 495 | +} |
| 496 | + |
497 | 497 | #post {
|
498 | 498 | @media (min-width: 768px) {
|
499 | 499 | margin: auto 2.5vmax;
|
|
0 commit comments