@charset"utf-8";

body {
    background-color: #fffff2;
    font-family: 'Muli', sans-serif;
    max-width: 960px;
    height: auto;
    margin: auto;
}

p {
    color: #f44e88;
    font-weight:700; 
    text-align: center;
    font-family: 'Muli', sans-serif;    
    font-size: 0.85em;  
    background: none;
    letter-spacing: 0.05em;
    margin-top: -5em;
    width: 100%;
   
}
    font-family: 'comfortaabold';
    font-weight: 800;
    font-style: 100;
    background-color: #ff5e5e;
    color: #fafa89;
    text-align: center;
    font-size: 2em;
    margin: 1em;
    padding: 1em;
}
article h2 {
    font-family: 'comfortaabold';
    background-color: #ffce5e;
    color: #1648ef;
    text-align: center;
    font-size: 1.5em;
    margin: 1em;
    padding: 0.8em;
    }
header h4 {
    font-family: "comfortaabold";
    background-color: #79d2e8 ;
    color: whitesmoke;
    text-align: center;
    font-size: 1.5em; 
    margin: 1em;
    padding: 0.8em;
}
header p {
    font-family: "josefin_sanslight";
    background-color: beige;
    color: #001988;
    text-align: left;
    font-size: 1em;
    margin: 2em;
    padding: 1em;
}

article p {
    font-family:'josefin_sanslight';
    background-clip: border-box;
    background-color: beige;
    color: #1b92d1;
    text-align: center;
    font-size: 0.8em;
    margin: 2em;
    padding: 1.5em;
    }

.todaslasfotos {
    width: 50%;
    margin: 1em;
    }

img {
    background-color: aquamarine;
    margin: 2em;
    padding: 1.5em;
    border-width: medium;
    width: 100%;
}


@media all and (min-width:60em) {
                                    body {
                                        background-color: #ffdae7;
                                        } 
                                    .todaslasfotos {
                                        width: 50%;
                                        margin: 3em;
                                        }
}