/*stilte: 
    -traag laden 
    -lichte kleuren 
    -fotos heel transparant of geen fotos 
    -alle pop ups wegdoen 
    - basic typografie 

    - do u really want to waste time? 
    -tekst schrijven in de 'wachtruimte'
    -meditation app aestetic
    
    uitleggen op scherm? (after/before)
*/

*{
animation: load 60s;
color: gray;
}

@keyframes load {
  from {opacity: 0;}
  to {opacity: 1;}
}

*:: before{
    background-color: #f5f5f5;
    }

/* Algemene instellingen voor rustige, lichte kleuren */
body {
    background-color: #f5f5f5;  /* Zeer lichte grijsachtige achtergrond */
    color: #333;  /* Donkere tekstkleur voor leesbaarheid */
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;  
}

/* Stijlen voor kopteksten */
h1, h2, h3, h4 {
    font-weight: 300;  /* Lichtgewicht lettertypen voor een rustige uitstraling */
    color: gray;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Stijlen voor alinea's */
p {
    font-size: 16px;  /* Gemiddelde tekstgrootte voor leesbaarheid */
    color: gray;  /* Zachte grijze tekstkleur */
    margin-bottom: 20px;
}

/* Subtiele achtergrondkleuren voor secties */
section, article {
    background-color: #ffffff;  /* Witte achtergrond voor contentblokken */
    padding: 20px;
    margin: 20px auto;
    max-width: 900px;  /* Beperk de breedte voor een nette lay-out */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);  /* Zeer subtiele schaduw voor diepte */
    border-radius: 8px;
}

/* Lichte kleur voor links */
a {
    color: gray;  
    text-decoration: none;  
}

a:hover{
    color: dceeff;
    opacity: 0.5;
    }

div{
    color: dceeff;
    }

img {
    filter: grayscale(70%) blur(1px);  
}