<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Musicians - Andjela Milosevic</title>
	<atom:link href="https://andjelamilosevic.com/portfolio_group/musicians/feed/" rel="self" type="application/rss+xml" />
	<link>https://andjelamilosevic.com</link>
	<description>Artist,Ilustrator &#38; Designer</description>
	<lastBuildDate>Mon, 13 Oct 2025 22:07:54 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://andjelamilosevic.com/wp-content/uploads/2025/10/favvv-120x120.png</url>
	<title>Musicians - Andjela Milosevic</title>
	<link>https://andjelamilosevic.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>MUSICIANS</title>
		<link>https://andjelamilosevic.com/portfolio/musicians/</link>
		
		<dc:creator><![CDATA[e3rni]]></dc:creator>
		<pubDate>Thu, 18 Jan 2024 17:37:00 +0000</pubDate>
				<guid isPermaLink="false">https://etude.themerex.net/?post_type=cpt_portfolio&#038;p=19351</guid>

					<description><![CDATA[<p>Like the music itself, “Musicians” are an explosion of colorful vibes - movement, rhythm and vibrations captured in time and with brush strokes. Each artwork is a composition of a central figure, the musician itself, engulfed in synesthetic mist of creation and art. The colors blend into each other, the shades shift and fade, the shapes flow and transform...just like music. </p>
<p> <span style="color:#000"> *For more details about the painting - click / tap on it </span></p>
<p>The post <a href="https://andjelamilosevic.com/portfolio/musicians/">MUSICIANS</a> first appeared on <a href="https://andjelamilosevic.com">Andjela Milosevic</a>.</p>]]></description>
										<content:encoded><![CDATA[<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&#038;display=swap" rel="stylesheet">

<style>
body {
  background-color: #8E2326;
  color: #FFFF;
  margin: 0;
  padding: 0;
  font-family: 'Bebas Neue', sans-serif;
}

/* Gallery using Flexbox */
.masonry-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 20px;
  box-sizing: border-box;
}

.masonry-item {
  flex: 1 1 calc(33.333% - 15px);
  max-width: calc(33.333% - 15px);
  cursor: pointer;
  text-align: center;
}

.masonry-item img {
  width: 100%;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.masonry-item:hover img {
  transform: scale(1.03);
}

.masonry-caption {
    font-size: 22px;
    font-weight: 700;
    margin-top: 15px;
    color: #000;
}

/* Lightbox */
.lightbox-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.lightbox-content {
  max-width: 90%;
  width: 600px;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  color: #000;
}

.lightbox-content img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  max-height: 70vh;
  object-fit: contain;
}

.lightbox-title {
  font-size: 26px;
  font-weight: 700;
  margin-top: 15px;
}

.lightbox-sub {
  font-size: 16px;
  color: #333;
  margin-top: 5px;
}

.lightbox-desc {
  font-size: 14px;
  margin-top: 10px;
  color: #333;
  font-family: Arial, sans-serif;
  line-height: 1.4;
}

.lightbox-close {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 32px;
  color: #000;
  cursor: pointer;
  line-height: 1;
}

/* Inquiry Button */
.inquiry-wrapper {
  text-align: center;
  margin: 30px 0;
}

.inquiry-button {
  background-color: #8E2326;
  color: #FFFF;
  border: none;
  padding: 14px 50px;
  font-size: 22px;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.inquiry-button:hover {
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 1024px) {
  .masonry-item {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
  .lightbox-content {
    width: 90%;
    max-width: 500px;
  }
}

@media (max-width: 600px) {
  .masonry-item {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .masonry-caption {
    font-size: 18px;
  }

  .lightbox-content {
   width: 90%;
   max-height: 90vh;
  overflow-y: auto;
   display: block;
   right: 17px;
  }

  .lightbox-title {
    font-size: 22px;
  }
}
</style>

<!-- Masonry Gallery -->
<div class="masonry-gallery">
  <div class="masonry-item" data-title="Violoncello" data-sub="25 x 35 CM, Watercolor on Paper" data-desc="Violoncello is a tough musician with a strong emotional core. With an instrument the size of a musician itself, this seems like a linear, solo act but it is anything but – a range of notes from bass to soprano, strength to gentleness, deep ocean greens to bright sun yellows – it is a full concerto." data-img="/wp-content/uploads/2025/10/2-2.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-2.jpg" alt="Violoncello">
    <div class="masonry-caption">Violoncello</div>
  </div>

  <div class="masonry-item" data-title="Saxophone" data-sub="35 x 25 CM, Watercolor on Paper" data-desc="Sax is the centerpiece of every party. With a handsome brass body that turns air into vibrations, it always captures everyone’s attention. Even when it’s painting the halls and areas with its turquoise, minty fresh music, you can spot that fiery gold just saxing away in the center." data-img="/wp-content/uploads/2025/10/2-3.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-3.jpg" alt="Saxophone">
    <div class="masonry-caption">Saxophone</div>
  </div>

  <div class="masonry-item" data-title="Timpani" data-sub="25 x 35 CM, Watercolor on Paper" data-desc="Timpani is a musician who is often the heartbeat of the orchestra, providing the rhythm that guides our excitement, and expectations and erupts our emotions. With each hit they make us move, make us sway and jump, splashing the vibrations around them, painting entire halls, hearts, and souls in an instant." data-img="/wp-content/uploads/2025/10/2-4.jpg">
    <img fetchpriority="high" decoding="sync" src="/wp-content/uploads/2025/10/2-4.jpg" alt="Timpani">
    <div class="masonry-caption">Timpani</div>
  </div>
</div>

<!-- Inquiry Button -->
<div class="inquiry-wrapper">
 <a href="/contact-me"> <button class="inquiry-button">INQUIRY</button></a>
</div>

<!-- Lightbox -->
<div class="lightbox-overlay" id="lightbox">
  <div class="lightbox-content">
    <span class="lightbox-close">&times;</span>
    <img decoding="async" src="" alt="">
    <div class="lightbox-title"></div>
    <div class="lightbox-sub"></div>
    <div class="lightbox-desc"></div>
  </div>
</div>

<script>
document.querySelectorAll('.masonry-item').forEach(item => {
  item.addEventListener('click', () => {
    const lightbox = document.getElementById('lightbox');
    lightbox.style.display = 'flex';
    lightbox.querySelector('img').src = item.dataset.img;
    lightbox.querySelector('.lightbox-title').textContent = item.dataset.title;
    lightbox.querySelector('.lightbox-sub').textContent = item.dataset.sub;
    lightbox.querySelector('.lightbox-desc').textContent = item.dataset.desc;
  });
});

document.querySelector('.lightbox-close').addEventListener('click', () => {
  document.getElementById('lightbox').style.display = 'none';
});

document.getElementById('lightbox').addEventListener('click', e => {
  if (e.target.id === 'lightbox') e.currentTarget.style.display = 'none';
});
</script><p>The post <a href="https://andjelamilosevic.com/portfolio/musicians/">MUSICIANS</a> first appeared on <a href="https://andjelamilosevic.com">Andjela Milosevic</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
