/*
Theme Name: parthmpatel Personal Theme
Theme URI: https://parthmpatel.com/
Author: Parth Patel & Drashti Patel
Author URI: https://parthmpatel.com/
Description: A first step towrds our own Design and Development
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, blank-theme
Text Domain: custom-blank-theme
*/

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}
.bg-custom {
    background: url('background.png') no-repeat center center fixed;
    background-size: cover;
}
.flip-card {
    perspective: 1000px;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
}
.flip-card-back {
    transform: rotateY(180deg);
    background: linear-gradient(-47deg, #3D3AF1, #B4B3FE);
}
.bg-customPurple {
    background-color: #B4B3FE;
    background: linear-gradient(-47deg, #3D3AF1, #B4B3FE);
}
.text-gradient {
    background: linear-gradient(-83deg, #3D3AF1, #B4B3FE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* single page css */
.entry-content {
    margin-bottom: 2rem; /* Adds spacing between blocks */
    line-height: 1.8; /* Adjusts line-height for better readability */
}

.entry-content h2, .entry-content h3, .entry-content h4 {
    margin-top: 2rem; /* Adds top margin to headings */
    margin-bottom: 1rem; /* Adds bottom margin to headings */
}

.entry-content p {
    margin-bottom: 1.5rem; /* Ensures spacing between paragraphs */
}

.entry-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1.5rem; /* Ensures spacing around images */
}

input::placeholder, textarea::placeholder {
    color: #00000069;
}