.Portfolio {
  background-color: #ff0000;
}

.site-navigation.main-navigation.primary.use-vantage-sticky-menu.use-sticky-menu {
  font-style: normal;
  background-color: #5e144e;
}

.flexslider .slides > li {
  background-image: url("https://amsnoord.nl/lana/wp-content/uploads/sites/4/2024/09/15-Things-Every-Puppy-Owner-Must-Have-Dogtime.jpeg");
  background-color: #9c1d67;
}

#main.site-main {
  background-color: #e0d0d0;
}

#masthead.site-header {
  background-color: #1c102b;
}

#masthead .hgroup .site-title {
  color: #f7d1ff;
}

/* Buttons worden iets groter worden als je dr overheen gaat */

button {
    transition: all 0.5s ease;
}

button:hover {
    transform: scale(1.8)
				
}

/*schaduw op de tekst*/

.main-title {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

/* */

.content-section {
    padding: 20px 40px;
}

/* Menu in het midden */

.menu {
    display: flex;
    justify-content: center;
}

/* tekst kleiner maken op telefoon */

@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .logo {
        margin-top: 50px; 
        text-align: center; 
}
		
/*centreren van het beeld*/

@media (max-width: 768px) {
    .content-section {
        text-align: center;
    }
}

/*Afbeeldingen onder de tekst*/

@media (max-width: 768px) {
    .text-image-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .text-image-container img {
        max-width: 90%;
        margin-bottom: 10px;
    }
}

/*Koptekstgroottes veranderd*/

@media (max-width: 768px) {
    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 18px;
    }
}

/*verkleint de marges en padding*/

@media (max-width: 768px) {
    .content-section {
        margin: 10px 0;
        padding: 10px;
    }
}

/*lijsten en knoppen gecentreerd*/

@media (max-width: 768px) {
    ul, ol {
        padding-left: 20px;
    }
    .button {
        display: block;
        width: 100%;
        text-align: center;
    }
}

/*Achtergrondafbeeldingen niet uitrekken*/

@media (max-width: 768px) {
    .background-section {
        background-size: cover;
        background-position: center;
    }
}

/**/

@media (max-width: 768px) {
    .menu {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    .content-section {
        margin-top: 60px;
    }
}

/*menu scrollen*/

@media (max-width: 768px) {
    .menu {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
    }
    .menu-item {
        flex: 0 0 auto;
    }
}

/*menu blijft boven staan*/

@media (max-width: 768px) {
    .menu {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000; 
        background-color: #fff; 
    }
    .content {
        margin-top: 60px; 
    }
}

/*kleur menu balk*/

@media (max-width: 768px) {
    .menu {
        background-color: #1c102b; /* Kleur voor de mobiele navigatiebalk */
    }
}

/*afgeronden randen*/

img {
    border-radius: 10px;
}

/*afstand tussen letters vergroten*/

h1, h2, h3 {
    letter-spacing: 1px;
}

/*extra witruimte*/

p {
    line-height: 1.6;
}