/* Body styling */
body {
    width: 100%;
    height: 100%;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    background-color: white; /* fallback */
    background: white;
    background-size: 400% 400%;
    animation: gradient 120s ease infinite;
    color: black !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

/* Gradient animation (currently white, can update if needed) */
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Message text */
#message {
    color: black; /* changed from white to black for visibility */
}

/* Profile image */
.profile-img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid black; /* black border */
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


footer {
  font-size: 0.8rem;
  color: black;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 2.5rem; 
}


/* Headings */
h1 {
    font-size: 8vh;
    text-align: center;
}

.container {
    width: 90%;
    margin: auto;
    max-width: 640px;
    color: black;
}

/* BSOD / main section */
.bsod {
    padding-top: 10%;
}

.bsod .neg {
    text-align: center;
    color: black;
}

.bsod .bg {
    padding: 0 15px 2px 13px;
    text-align: center;
}

.bsod .title {
    font-size: 7vh !important;
}

/* Page title */
.page-title {
    margin-top: 30px !important;
}

/* Lists */
.list-item {
    padding-left: 10px;
}

/* FontAwesome colors */
.fa-location-dot,
.fa-brands,
.fa-solid,
.fa {
    color: black;
}

/* Social icons */
.socials {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.social-link {
    margin: 0 5px;
}

/* Hover grow effect for icons */
.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    transition: transform 0.3s ease-out;
}
.hvr-icon-grow .hvr-icon {
    transform: translateZ(0);
    transition: transform 0.3s ease-out;
}
.hvr-icon-grow:hover .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:active .hvr-icon {
    transform: scale(1.3) translateZ(0);
}

/* Bio */
.bio {
    margin-top: 20px;
}

/* Navigation links */
.bsod .nav {
    margin-top: 35px;
    text-align: center;
}
.bsod .nav .link {
    text-decoration: none;
}
.bsod .nav .link:hover,
.bsod .nav .link:focus {
    background: #aaa;
    color: black;
}

/* Links */
.links {
    text-decoration: none;
    color: black !important;
}

/* Slogan */
#slogan {
    text-align: center;
    color: black;
}