Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- font-family: "Helvetica, Arial, sans-serif";
- margin: 0;
- padding: 0;
- background-color: #131212;
- color: #ebe8e8;
- }
- h1, h2, h3 {
- margin-bottom: 1rem;
- }
- a {
- color: #d6e3f8;
- text-decoration: none;
- }
- .container {
- max-width: 1200px;
- margin: 0 auto;
- padding: 0 1rem;
- }
- .grid--2x2, .press-page__grid {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- grid-gap: 1rem;
- }
- @media (max-width: 768px) {
- .grid--2x2, .press-page__grid {
- grid-template-columns: 1fr;
- }
- }
- .button {
- padding: 1rem 2rem;
- background-color: #d6e3f8;
- color: #000;
- border: none;
- border-radius: 10px;
- cursor: pointer;
- transition: background-color 0.3s, transform 0.3s;
- }
- .button:hover {
- background-color: rgb(170.4375, 197.25, 240.5625);
- transform: scale(1.05);
- }
- .press-page {
- padding: 1rem 2rem;
- }
- .press-page__header {
- position: relative;
- height: 100vh;
- background-color: #d6e3f8;
- clip-path: polygon(0 14%, 99% 0, 100% 78%, 0 100%);
- margin-bottom: 3rem;
- display: flex;
- justify-content: center;
- align-items: center;
- text-align: center;
- color: #000;
- background-image: url("../img/headerimg.jpg");
- background-size: cover;
- background-position: center;
- }
- .press-page__header__overlay {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.5);
- }
- .press-page__grid {
- margin: 0 auto;
- width: 100%;
- max-width: 1200px;
- }
- .press-page__article {
- background-color: #313131;
- padding: 1rem;
- border-radius: 10px;
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
- transition: transform 0.3s;
- display: flex;
- flex-direction: column;
- }
- .press-page__article:hover {
- transform: translateY(-10px);
- }
- .press-page__article-image {
- width: 100%;
- height: 200px;
- border-radius: 10px 10px 0 0;
- object-fit: cover;
- }
- .press-page__article-content {
- padding: 1rem;
- }
- .press-page__article-title {
- font-size: 1.5rem;
- margin-bottom: 1rem;
- font-weight: bold;
- }
- .press-page__article-excerpt {
- font-size: 1rem;
- color: white;
- margin-bottom: 1rem;
- }
- .press-page__article-link {
- font-size: 1rem;
- font-weight: bold;
- color: #d6e3f8;
- text-transform: uppercase;
- }
- .press-page__contact {
- padding: 4rem 2rem;
- text-align: center;
- }
- .press-page__contact-title {
- font-size: 2rem;
- margin-bottom: 2rem;
- font-weight: bold;
- }
- .press-page__contact-logo {
- display: flex;
- justify-content: center;
- margin-bottom: 2rem;
- }
- .press-page__contact-logo-image {
- width: 350px;
- height: auto;
- border-radius: 10px;
- }
- .press-page__contact-info-title {
- font-size: 1.5rem;
- font-weight: bold;
- margin-bottom: 1rem;
- }
- .press-page__contact-info p {
- font-size: 1rem;
- margin-bottom: 1rem;
- }
- .press-page__contact-info p a {
- color: #d6e3f8;
- text-decoration: none;
- font-weight: bold;
- }
- .press-page__contact-info p a:hover {
- text-decoration: underline;
- }
- .press-page__about {
- padding: 4rem 2rem;
- background-color: #ebe8e8;
- text-align: center;
- color: #000;
- }
- .press-page__about-title {
- font-size: 2.5rem;
- font-weight: bold;
- margin-bottom: 2rem;
- }
- .press-page__about-text {
- font-size: 1.2rem;
- max-width: 800px;
- margin: 0 auto;
- margin-bottom: 4rem;
- }
- .press-page__about-stats {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 4rem;
- justify-content: center;
- }
- .press-page__about-stats-stat {
- text-align: center;
- }
- .press-page__about-stats-stat-icon {
- width: 3.125rem;
- height: auto;
- margin-bottom: 2rem;
- }
- .press-page__about-stats-stat-title {
- font-size: 1.8rem;
- font-weight: bold;
- margin-bottom: 1rem;
- }
- .press-page__about-stats-stat p {
- font-size: 1rem;
- }
- .heading-main {
- position: relative;
- z-index: 1;
- }
- .heading-main__title {
- font-size: 2.5rem;
- animation: slideIn 0.8s ease-in-out;
- text-align: center;
- }
- @keyframes slideIn {
- from {
- opacity: 0;
- transform: translateY(-20px);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
- }
- /*# sourceMappingURL=style.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement