@font-face {
    font-family: 'Press Start 2P';
    src: url("https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK0nS.ttf") format('truetype');
}



@font-face {
    font-family: 'Cafe Sweet';
    src: url("data:font/ttf;base64,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") format('truetype');
}

/* ======= LIGHT THEME (default) ======= */

body {
    font-family: 'Press Start 2P';
    font-size: 16px;
    color: #4a4a4a; /* Dark gray text */
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.6;
    background-color: #BEE708;
    background-image: var(--r1-asset-24);
    background-repeat: repeat;
    background-attachment: fixed;
    background-blend-mode: luminosity;
    height: 100vh;
}

u {
  text-decoration: underline dotted;
}

.container {
    max-width: 1200px;
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 6px solid #E4F19A;
    border-radius: 10px;
    overflow: auto; 
    height: 100%;
    z-index: 999;
}

.navigation-elements {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #E4F19A;
    border: 4px solid #74970F; 
    padding: 20px;
    margin-bottom: 20px;
}

.microblog {
    flex: 0 0 270px;
    overflow: hidden;
    height: 100%;
}

.responsive-iframe {
    width: 100%;
    height: 100%;
    border: none;
    box-sizing: border-box;
}

.content-wrapper {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    margin: 0 20px;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 640px;
}

.content {
    overflow: auto;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #4a4a4a;
    border: 4px solid #E4F19A;
    border-radius: 10px;
    max-width: 100%;
    overflow-x: hidden;
}

.scrolling-header {
    background-color: #D8EC7E;
    color: #4a4a4a;
    padding: 10px 20px;
    white-space: nowrap;
    animation: scroll 20s linear infinite;
    font-size: 24px;
    border-radius: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

@keyframes scroll {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.navbar {
    width: 250px;
    min-width: 250px;
    flex-shrink: 0;
    overflow: hidden;
}

h1, hr {
    margin-top: 0;
    font-size: 32px; 
}

h2 {
    margin-top: 0;
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

p {
    margin-top: 0;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    margin-bottom: 10px;
}

a {
    text-decoration: none;
    color: #4a4a4a;
}
a:hover {
    color: #74970F;
}

.image-container-single {
    max-width: 100%; 
    height: auto; 
    display: block; 
    margin: 0 auto; 
}

.image-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.code-container {
    background-color: #2e2e2e; 
    color: #f5f5f5;           
    border-radius: 8px;     
    padding: 16px;           
    overflow-x: auto;         
    font-family: 'Courier New', Courier, monospace; 
    font-size: 14px;          
    line-height: 1.5;         
    border: 1px solid #444;
}

.image-container img.active {
    opacity: 1;
}

@keyframes imageAnimation {
    0%, 100% { opacity: 0; }
    25% { opacity: 1; }
    50%, 75% { opacity: 0; }
}

.image-container img:nth-child(1) {
    animation: imageAnimation 18s infinite;
    animation-delay: 0s;
}
.image-container img:nth-child(2) {
    animation: imageAnimation 18s infinite;
    animation-delay: 6s;
}
.image-container img:nth-child(3) {
    animation: imageAnimation 18s infinite;
    animation-delay: 12s;
}

.image-with-text {
    display: flex;
    align-items: center;
}

.marquee, .marquee-nonpause {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
    line-height: 1;
    margin: 0;
}

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 40s linear infinite;
    line-height: 0;
}

.marquee:hover .marquee-content {
    animation-play-state: paused;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.button-container {
    width: 100%;
    line-height: 0;
    margin: auto auto;
    text-align: center;
}

.button-container img {
    margin: 0;  
}

.button-background {
  background-image: linear-gradient(180deg, #BEE708 0%, #8FB80A 45%, #5F7A0C 100%);
  background-repeat: repeat-x;
  background-size: auto 100%;
}
@keyframes scrollBg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -848px 0; 
  }
}
.button-background-color {
  background-color: #BEE708;
}
.bar-beach {
  background-image: linear-gradient(180deg, #8FB80A 0%, #BEE708 100%);
}

.pixel-container {
    width: 100%;
}

.project-card-div {
    transition: background-color 0.3s ease;
    margin-bottom: 20px;
}

a:hover .project-card-div {
    background-color: #E4F19A;
}

.cool-text {
    font-family: 'DotGothic16'; 
    font-size: 16px;
    line-height: 1.5;
    color: black;
    margin: 0;
}

.images-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.images-flex img {
    margin: 10px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;  
}

.button-pattern {
    background-image: var(--r1-asset-25);
    border: 1px solid #74970F;
}

.button-pattern-2 {
    background-image: var(--r1-asset-26);
    border: 1px solid #74970F;
}


.category-description {
    font-family: 'DotGothic16';
    font-size: 16px;
}


.pixel-button {
    font-family: 'Press Start 2P', monospace;
    font-size: 16px;
    background-color: #E4F19A;
    color: #4a4a4a;
    border: 4px solid #74970F;
    padding: 12px 20px;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    transition: all 0.2s ease;
    box-shadow: 4px 4px 0 #74970F;
    text-shadow: 1px 1px white;
    width: 95%;
}

.pixel-button::before {
  content: 'Light theme';
  text-align: center;
}

.pixel-button:hover {
    background-color: #D8EC7E;
    color: #333;
    box-shadow: 2px 2px 0 #74970F;
    transform: translate(2px, 2px);
}

.pixel-button:active {
    background-color: #C2DE4A;
    box-shadow: none;
    transform: translate(4px, 4px);
}

.invertable-border {
	border: 1px solid #74970F;
}

.bottom-pattern {
background-image:  var(--r1-asset-27);
box-sizing: border-box;
}

.bottom-pattern img {
outline: 1px solid #74970F;
background-color: white;
padding: 8px;
}


/* ======= DARK THEME ======= */

body.dark .bottom-pattern {
background-image:  var(--r1-asset-28);
}


body.dark {
    background-color: #121217;
    color: white;
    background-color: #3E4C10;
    background-image: var(--r1-asset-24);
    background-repeat: repeat;
    background-attachment: fixed;
    background-blend-mode: luminosity;
}

body.dark .container {
    background-color: #1c1c26;
    border-color: #BEE708;
}

body.dark .navigation-elements {
    background-color: #23232f;
    border-color: #BEE708;
    box-shadow: 0 0 8px rgba(190, 231, 8, 0.7);
}

body.dark .content {
    background-color: #1c1c26;
    color: white;
    border-color: #BEE708;
    box-shadow: 0 0 12px rgba(190, 231, 8, 0.6);
}

body.dark a {
    color: #BEE708;
    transition: color 0.3s ease;
}

body.dark a:hover {
    color: #A6CC06;
}

body.dark a:hover .project-card-div {
    background-color: #2a2a38;
}

body.dark .cool-text {
    color: white;
}

body.dark .cool-pattern-2 {
    border-color: #BEE708;
}

body.dark .category-description {
    color: white;
}

body.dark .button-pattern {
	background-image: var(--r1-asset-29);
	border-color: white;
	background-position: center; 
}

body.dark .button-pattern-2 {
	background-color: #121217;
	opacity: 1;
	background-size: 20px 20px;
	background-image:  repeating-linear-gradient(to right, #BEE708, #BEE708 1px, #121217 1px, #121217);
        border-color: white;
}


body.dark .invert {
	filter: invert(100%);
}

body.dark .pixel-button {
    background-color: #23232f;
    color: #BEE708;
    border-color: #BEE708;
    box-shadow: 4px 4px 0 rgba(190, 231, 8, 0.6);
    text-shadow: 1px 1px #000;
}

body.dark .pixel-button::before {
  content: 'Dark theme';
  text-align: center;
}

body.dark .pixel-button:hover {
    background-color: #2a2a38;
    color: #ffffff;
    box-shadow: 2px 2px 0 rgba(190, 231, 8, 0.6);
    transform: translate(2px, 2px);
}

body.dark .pixel-button:active {
    background-color: #1c1c26;
    box-shadow: none;
    transform: translate(4px, 4px);
}

body.dark .invertable-border {
	border: 1px solid white;
}

body.dark .button-background {
  background-image: linear-gradient(180deg, #2f3d0a 0%, #3E4C10 55%, #1c1c26 100%);
}

body.dark .button-background-color {
  background-color: #0B1400;
background-image:
radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 10px),
radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 5px),
radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 10px),
radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 5px);
background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;

  animation: scrollBg 400s linear infinite;
}

body.dark .bar-beach {
  background-image: linear-gradient(180deg, #3E4C10 0%, #5F7A0C 100%)
}
/* ===== blob-blue scrollbars ===== */
* { scrollbar-color: #BEE708 #EFF7CCe0; scrollbar-width: auto; }
html { scrollbar-color: #BEE708 #EFF7CC; }
::-webkit-scrollbar { width: 14px; height: 14px; }
::-webkit-scrollbar-track { background: #EFF7CC; }
::-webkit-scrollbar-thumb { background: #BEE708; border: 2px solid #74970F; }
::-webkit-scrollbar-thumb:hover { background: #74970F; }
::-webkit-scrollbar-corner { background: #EFF7CC; }
/* ===== aligned navigation: icons in a fixed column, labels tidy ===== */
.navigation-elements ul { text-align: left; padding: 0; }
.navigation-elements ul li a { display: flex !important; align-items: center; gap: 10px; }
.navigation-elements ul li a img { width: 30px; height: 30px; object-fit: contain; flex-shrink: 0; }