body{background-color:#000;color:#e0e0e0;font-family:'Press Start 2P',cursive;margin:0;padding:0;border:5px solid #f0f;box-sizing:border-box}h1,h2,h3{font-family:'Press Start 2P',serif}.section-title{text-align:center;margin-bottom:80px}.section{margin-bottom:30px;padding:10px}button,.button{font-family:'Press Start 2P',cursive;font-size:18px;background-color:#333;color:lime;border:2px solid lime;padding:10px 20px;cursor:pointer;border-radius:0;text-transform:uppercase}button:hover,.button:hover{background-color:#444;color:#fff}@media (min-width:768px) and (max-width:1024px){.section{margin:10px;padding:15px;box-sizing:border-box}.container{padding:10px}}

.button{box-shadow:0 0 0 2px lime inset}.button:active{box-shadow:0 0 0 2px lime inset,0 0 0 4px #333}input[type="file"],select{font-family:'Press Start 2P',cursive;font-size:16px;background-color:#333;color:lime;border:2px solid lime;padding:5px;cursor:pointer;border-radius:0;text-transform:uppercase}input[type="file"]::-webkit-file-upload-button{font-family:'Press Start 2P',cursive;font-size:16px;background-color:#333;color:lime;border:2px solid lime;padding:5px;cursor:pointer;border-radius:0;text-transform:uppercase}option{font-family:'Press Start 2P',cursive;font-size:16px;background-color:#333;color:lime}.filter-button{font-family:'Press Start 2P',cursive;font-size:16px;background-color:#333;color:lime;border:2px solid lime;padding:10px 20px;cursor:pointer;border-radius:0;text-transform:uppercase}.cursor:pointer;border-radius:0;text-transform:uppercase;.filter-button:hover{background-color:#444}nav{display:flex;justify-content:center;background-color:#444;padding:10px;margin:0-20px}nav a{color:lime;text-decoration:none;padding:10px 20px;font-size:1.2em;transition:background-color 0.3s;border:2px solid #fff0;border-radius:5px;margin:0 5px}nav a:hover{background-color:lime;color:#000;border-color:lime}header{background-color:#2e2e2e;padding:20px;text-align:center;position:sticky;top:0;width:calc(100%-40px);z-index:1000;border-bottom:5px solid #f0f;border-radius:10px 10px 0 0;box-shadow:0 4px 6px rgb(0 0 0 / .1)}header 

h1{margin:0;color:#f0f;font-size:5em}main{padding:20px}section{margin-bottom:40px}


h2{border-bottom:2px solid #f0f;padding-bottom:10px;margin-bottom:20px;color:#f0f}.section{margin:0 auto;padding:20px;max-width:100%;box-sizing:border-box}.container{padding:20px;margin:0 auto}.column{margin:0 auto}.grid-container{gap:10px}.blog-post,.art-gallery div,.blog-posts div{background-color:#222;padding:15px;border-radius:8px;width:100%;max-width:800px}.blog-post img,.art-gallery img{width:100%;border-radius:5px}.blog-post h2{color:#f0f}.blog-post p{color:#e0e0e0}.art-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px));gap:10px}.art-gallery img{width:100%;height:auto;border:2px solid #f0f;border-radius:10px}.vote-buttons{display:flex;justify-content:space-between;margin-top:10px}.vote-button,.comment button,.voting button{background-color:#333;color:#e0e0e0;border:2px solid #f0f;padding:5px 15px;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color 0.3s}.vote-button:hover,.comment button:hover,.voting button:hover{background-color:#f0f;color:#000}.container{padding:20px;margin:0 auto}.column{margin:0 auto}.grid-container{gap:10px}.comments,.comments-list,#notifications,#filters{background-color:#222;color:#e0e0e0;padding:20px;border-radius:10px}.comment{border-bottom:1px solid #555;padding:10px}.comment:last-child{border-bottom:none}.close-notification{background:#fff0;border:none;color:#e0e0e0;font-size:1.2em;position:absolute;top:10px;right:10px;cursor:pointer}.vote-button{font-size:1.2em;padding:10px 20px;width:auto;height:auto}footer{background-color:#2e2e2e;color:#e0e0e0;text-align:center;padding:10px;position:relative;bottom:0;width:calc(100%-40px);margin:20px auto 0;border-radius:0 0 10px 10px;box-shadow:0-4px 6px rgb(0 0 0 / .1)}#profile,#contact{background-color:#222;color:#e0e0e0;padding:20px;border-radius:10px}.avatar{width:100px;height:100px;border-radius:50%}form{display:flex;flex-direction:column}.search-form{display:flex;margin:20px}.search-form input{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px}.search-form button{padding:10px 20px;border:none;background-color:#333;color:#fff;border-radius:4px;cursor:pointer}.search-form button:hover{background-color:#555}#disqus_thread{margin:20px}#comment-section{margin:20px}#comment-form input,#comment-form textarea{display:block;margin-bottom:10px;width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}#comment-form button{padding:10px 20px;border:none;background-color:#333;color:#fff;border-radius:4px;cursor:pointer}#comment-form button:hover{background-color:#555}#comments-list div{margin-bottom:15px}#comments-list strong{display:block;margin-bottom:5px}.container{width:90%;max-width:1200px}.column{width:100%}@media (min-width:768px){.column{width:50%}}img{max-width:100%;height:auto}.container{display:flex;flex-wrap:wrap}.item{flex:1 1 200px}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px));gap:10px}.grid-item{background:#f4f4f4}form input,form textarea{margin-bottom:10px;padding:10px;border-radius:5px;border:1px solid #444;background-color:#333;color:#e0e0e0;font-family:'Press Start 2P',cursive}form textarea{resize:vertical}.social-media{display:flex;justify-content:center;gap:10px}.social-media a{color:lime;font-size:1.5em;transition:color 0.3s}.social-media a:hover{color:#f0f}.notification{background-color:#f0f;color:#000;padding:10px;border-radius:5px;margin-bottom:10px;border-left:5px solid lime}.blog-section{border:2px solid #f0f;padding:20px;border-radius:10px;margin:20px 0}.stories-section{border:2px solid #f0f;padding:20px;border-radius:10px;margin:20px 0}

.hyper-fixationrambles-section{border:2px solid #f0f;padding:20px;border-radius:10px;margin:20px 0}@media(max-width:768px){.container{padding:10px}nav{flex-direction:column}.nav-links{display:flex;flex-direction:column}.nav-links a{margin:5px 0}.art-gallery{grid-template-columns:repeat(auto-fill,minmax(150px))}.comments,.comments-list{padding:10px}}.section{margin:20px 0;padding:20px}header{background-color:#333;color:#fff;padding:20px}.section{margin-bottom:30px;padding:10px}button,.button{margin:10px 5}input[type="file"],select{margin-bottom:10px}.form-group{margin-bottom:20px}header{padding:30px;margin-bottom:20px}footer{padding:30px;margin-top:20px}.container{padding:30px;margin:0 auto}.column{margin:0 auto}.grid-container{gap:20px}@media (max-width:768px){.section{margin:20px;padding:10px}.button{padding:5px 10px}}@media (min-width :768px) and (max-width :1016px){.container{width:90%}nav{flex-direction:row}}@media (max-width:767px){.container{width:100%;padding:10px}nav{flex-direction:column;align-items:center}.nav-links a{margin:5px 0}}.container{width:90%;max-width:1200px;margin:0 auto}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px));gap:10px}img{max-width:100%;height:auto}.social-media{display:flex;justify-content:center;gap:10px}.social-media a{color:lime;font-size:1.5em;transition:color 0.3s}.social-media a:hover{color:#f0f}.art-gallery{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.art-gallery figure{margin:0;text-align:center;border:1px solid #ddd;border-radius:8px;overflow:hidden}.art-gallery img{width:100%;height:auto;display:block}.art-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:10px}.art-gallery figure{margin:0;border:1px solid #ddd;border-radius:8px;overflow:hidden;position:relative}.art-gallery img{width:100%;height:auto;display:block}.art-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0 auto}.gallery-item{position:relative;overflow:hidden;border:none;border-radius:8px}.art-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0 auto}.gallery-item{position:relative;overflow:hidden;border:none;border-radius:0}.gallery-item img{width:100%;height:auto;display:block;border:none}.gallery-item figcaption{position:absolute;bottom:0;left:0;width:100%;padding:10px;background:rgb(0 0 0 / .7);color:#fff;text-align:center;box-sizing:border-box;display:block;border:none}.gallery-item figure{border:none;margin:0;padding:0}.art-gallery{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.art-gallery figure{position:relative;display:flex;flex-direction:column;width:calc(33.333% - 20px);max-width:400px;margin:0}.art-gallery img{display:block;width:100%;height:auto;border:none}.art-gallery figcaption{background-color:rgb(0 0 0 / .7);color:#fff;padding:10px;box-sizing:border-box;text-align:center;margin:0;line-height:1.2;font-size:.9em}.art-gallery{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.art-gallery figure{position:relative;display:flex;flex-direction:column;width:calc(25% - 20px);max-width:250px;margin:0;border:3px solid hotpink;box-sizing:border-box}.art-gallery img{display:block;width:100%;height:auto;border:none}.art-gallery figcaption{background-color:rgb(0 0 0 / .7);color:#fff;
padding:5px;box-sizing:border-box;text-align:center;margin:0;line-height:1.2;font-size:.8em}.voting{display:flex;justify-content:center;align-items:center;margin-top:10px}figure{position:relative;margin:0}figcaption{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgb(0 0 0 / .5);color:#e0e0e0;padding:10px;margin-top:5px;border:2px solid #f0f;border-radius:5px}.caption-content{text-align:center}.voting{display:flex;justify-content:center;gap:10px;margin-top:10px}.voting button{background-color:#fff0;color:#e0e0e0;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color 0.3s}.voting button:hover{background-color:#f0f;color:#000}.story{margin-bottom:20px}.story-link{display:block;text-decoration:none;color:inherit}.story-cover{width:100%;max-width:400px;height:auto;border:2px solid #f0f;border-radius:5px}.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-content:center}.story-item{border:2px solid #f0f;border-radius:10px;overflow:hidden}.story-item img{width:100%;height:auto;display:block}.story-item figcaption{background-color:rgb(0 0 0 / .7);color:#e0e0e0;padding:10px;text-align:center}.story-item figcaption h3{font-size:1.2em;margin:0}.story-item figcaption a{color:#f0f;text-decoration:none}.story-item figcaption a:hover{text-decoration:underline}#arcadium-header{text-align:center;padding:20px;background-color:#000;font-family:'Press Start 2P',cursive;position:relative;color:#000;text-shadow:0 0 5px #f0f,0 0 20px #f0f,0 0 25px #f0f;margin:20px 0}.header-content{display:flex;align-items:center;justify-content:center}.end-gif{width:50px;height:auto}.left-end{margin-right:10px}.right-end{margin-left:10px}.team-member img {
    width: 100%;
    height: auto;
    border-radius: 50%;

}


.art-gallery img {
    width: 100%;
    height: auto;
}
.art-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px));
    gap: 20px;
    margin: 20px;
    padding: 10px;
    justify-items: center;
}

.art-gallery img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.art-gallery img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.art-gallery figcaption {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.art-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Responsive columns */
    gap: 10px;
    padding-top: 11px;
    padding-right: 11px;
    padding-left: 11px;
    padding-bottom: 11px;
}

/* Media Query for Smaller Screens */
@media (max-width: 600px) {
    .art-gallery {
        grid-template-columns: 1fr; /* Stack items on small screens */
    }
    .art-gallery img {
        width: 100%; /* Ensure images take full width */
        height: auto; /* Maintain aspect ratio */
    }
}


.raccoon-container {
    width: 100%; /* Make sure it takes full width */
    height: auto; /* Adjusts height based on content */
    overflow: hidden; /* Ensures no image goes beyond the container */
}

/* Style for the raccoon images */
.raccoon-gif {
    width: 100%;
    height: auto;
    object-fit: cover; /* Or use contain depending on how you want it to scale */
    display: block;
}


.team-member img {
    width: 80%; /* Adjust the width percentage as needed */
    max-width: 150px; /* Set a maximum width for the images */
    height: auto; /* Maintain the aspect ratio */
    border-radius: 50%; /* Optional: keeps the image circular */
    margin: 0 auto; /* Center the image horizontally */
}

.website-wrapper {
    border: 5px solid #4CAF50;
    padding: 10px;
    margin: auto;
    max-width: 1200px; /* Optional: controls the width of the site */
    box-sizing: border-box;

border-radius: 15px;
	
}





.website-wrapper {
    border: 8px solid #ffffff;
    box-shadow: 
        inset 0 0 0 4px #000000,
        0 0 0 4px #000000;
    background: rgba(0, 0, 0, 0.7);
    max-width: 900px;
    margin: 20px auto;
    padding: 30px;
}