/*p{
            background-color: #eee;
            padding: 10px;
            border: 1px solid #ddd;
            margin: 20px;
            white-space: pre-wrap;
            font-family: monospace;
            overflow-x: auto;
            color: #333;
        }*/
#paragraf2{
            background-color: #000;
            padding: 10px;
            border: 1px solid #ddd;
            margin: 20px;
            white-space: pre-wrap;
            font-family: monospace;
            overflow-x: auto;
            color: #333;
        }
        /* Estil global per al document */
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }

        /* Estil per a títols */
        h1 {
            color: #333;
            text-align: center;
        }

        /* Estil per a paràgrafs */
        p {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 20px;
        }

        /* Estil per a enllaços */
        a {
            color: #007bff;
            text-decoration: none;
        }

        /* Estil per a botons */
        .btn {
            background-color: #007bff;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        /* Estil per a una classe personalitzada */
        .destacat {
            font-weight: bold;
            color: #e60000;
        }
        #p1 {
    color: red;
    font-size: 20px;
    text-align: center;
}

   #p2 {
        color: blue;
        font-size: 18px;
        text-align: left;
        border: 2px solid black;
    }

    #p3 {
        color: green;
        font-size: 16px;
        text-align: right;
        padding: 10px;
    }

    #p4 {
        color: yellow;
        font-size: 14px;
        text-align: justify;
        margin: 20px;
    }

    #p5 {
        color: purple;
        font-size: 12px;
        text-align: center;
        font-family: Arial, sans-serif;
    }

    #p6 {
        color: orange;
        font-size: 10px;
        text-align: left;
        font-style: italic;
    }

    #p7 {
        color: pink;
        font-size: 8px;
        text-align: right;
        font-weight: bold;
    }

    #p8 {
        color: brown;
        font-size: 6px;
        text-align: justify;
        text-decoration: underline;
    }

    #p9 {
        color: black;
        font-size: 4px;
        text-align: center;
        text-transform: uppercase;
    }

    #p10 {
        color: pink;
        font-size: 8px;
        text-align: left;
        line-height: 2em; 
    }

  
    body {
      font-size: 16px; /* Exemple d'unitat absoluta: píxels (px) */
    }

    .h-1{
      font-size: 4em; /* Exemple d'unitat relativa: em */
    }

    .h-2{
      font-size: 1.5rem; /* Exemple d'unitat relativa: rem */
    }

    .p11 {
      font-size: 120%; /* Exemple d'unitat relativa: percentatge (%) */
      margin-left: 20px; /* Exemple d'unitat absoluta: píxels (px) */
      padding: 1cm; /* Exemple d'unitat absoluta: centímetres (cm) */
      border: 2px solid red; /* Exemple d'unitat absoluta: píxels (px) */
      width: 50%; /* Exemple d'unitat relativa: percentatge (%) */
      height: 3em; /* Exemple d'unitat relativa: em */
}
        
        .color-exemple1 {
            background-color: rgb(255, 0, 0); /* Vermell */
        }

        /* Usant notació RGB amb percentatges (0-100%) */
        .color-exemple2 {
            background-color: rgb(0%, 128%, 0%); /* Verd */
        }

        /* Usant notació RGB amb valors hexadecimals */
        .color-exemple3 {
            background-color: #0000FF; /* Blau */
        }

        /* Usant notació RGB amb valors hexadecimals abreviats */
        .color-exemple4 {
            background-color: #FF00FF; /* Magenta */
        }

        /* Estil del text per fer-lo visible */
        .text {
            color: white;
            font-size: 20px;
            text-align: center;
            padding: 10px;
        }