/* El disenyador d'aquesta aplicacio web 
soc jo:
Guillem Ardanuy Martinez*/

/*
Poemes/reflexions meves ;)
*/

/*
El cartro sol ser
gruixut, mes que el tel
que ens separa del cel?
---
llagrimes de Déu
mar purificador
banyera de pecadors
---
resten en perdo
sumen els errors
repten les animes
---
consciencies incredules
intims sentiments
per ELL captats
---
coralls enviats
gracies rebudes
joia regalada/donada
---
viure es decidir
viure es aprendre
viure es sentir
---
*/

/*
El abus del mal
El dimoni fenomenal
Aprofitantse del original
de manera infernal
---
l'inocent es un regal
n'es un fet magistral
de manera ancestral
ara complet final
---
de forma grupal
de domini ANIMAL
destruccio ESTRUCTURAL
El teu mirall
---
*/

/*
Veure amb els ulls
es viure sense esculls
Amb amor verdader
pots gaudir del carrer
parlar amb essers animats
es compartir veritats
temps finals de Satanas
veuras jutges esclafats
Abogats desviats,
veuras mutilats
procuradors endinerats
trobaras enterrats
amor emborronat
estaras ensimismat
verdaderament donat
22 agost 2024
*/

/*
les portes del infern ja estan tancades,
la intencio i el arrepentiment,
són la diferencia,
serveix a qui vulguis,
Déu en tots
*/


header
    {
      background-color:white;
      color:Black;
      text-align:center;
      margin-top:10px;
      margin-bottom: 10px;
      font-family:arial;
    }

iframe { 
  width: 100%;
  aspect-ratio: 16 / 9;
}
  article
    {
      background-color:Azure;
      border-style : none;
      font-family:arial;      
      margin-top:10px;
      margin-bottom: 10px;
      margin:20px;
      box-shadow: 3px 3px 3px 3px white;
      border-radius:33px;
      padding-bottom:50px;
    }

  section
    {
      border-style : none;
      margin-top:3px;
      margin-bottom: 3px;
      text-align:center;
      font-family:arial;
    }


  nav
    {
       position: relative;
      display:inline;
      text-align:center;
    }

  input
    {
      padding:5px;
      border:2px solid #ccc;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    font-family:arial;
    }

  body
    {
      text-align:center;
      align-items:center;
      background-color:white;
      color:Black;
      font-family:arial;
    }

  footer
    {
      text-align:center;
      background-color:white;
      color:Black;
      font-family:arial;
      margin-top:10px;
      margin-bottom: 10px;
    }


  div
    {
      width:auto;
        background-color:Azure;
      color:Black;
      font-family:arial;
      margin-top:5px;
      margin-bottom: 5px;
      margin:10px;
    }

  #informacio .groc
    {
      color:white;
    }


  h1
    {
       
      /*color:darkblue;
      color:#333c87;
      */
      
      color:#183c72;
       font-family:Arial;
       margin-top:1px;
       margin-bottom:1px;
    }

  h2
    {
     /* color:#00008b;*/
       color:#183c72;
      font-size: 100px;
    font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
      margin-left:5%;
      margin-top:5%;
    }

h3
{
	font-size: 34px;
  margin-left:23%;
  margin-right:23%
}
h4
{
	font-size: 34px;
  margin-left:23%;
  margin-right:23%
}


  h5
    {
      margin:3px;
      font-family:arial;
    }
  li
    {
      list-style:none;
   /*color:darkblue;
      color:#333c87;
      */
      
      color:#183c72;

    }
 

  img
    {
      width:90%;
      height:auto;
    }

.qr
    {
      width:33%;
      height: auto;
    }


  .dreta
    {
      background-color:white;
      color:Black;
      margin-top:1px;
      width:auto;
      margin-bottom:1px;
      text-align:center;
      font-family:arial;
    }
  .esquerra
    {
      background-color:white;
      color:Black;
      text-align: center;
      font-family:Bahnschrift;
      font-family:arial;
      margin-top:2px;
      margin-bottom:2px;
    }

  .separadorArticlesImatges
    {
      background-color:white;
      color:Black;
      text-align: center;
      font-family:arial;
    }

  #anteriorSeguent .petit
    {
      width:30%;
    }



  #anteriorSeguent
    {
      width:auto;
    }

  #afegirSeparador.negre
    {
      background-color:white;
      color:green;
    }


  #afegirSeparador.verd
    {
      background-color:white;
      color:green;
    }

  #formulariRegistre .dreta
    {
      background-color:white;
      color:Black;
      margin-top:1px;
      width:auto;
      margin-bottom:1px;
      text-align:center;
    }

  #formulariRegistre .esquerra
    {
      background-color:white;
      color:Black;
      text-align: center;
      font-family:arial;
    }

  #formulariRegistre .esquerra_
    {
      background-color: white;
      color:Black;
      text-align: center;
      font-family:IMPACT;
    }


  .enviar
    {

      background-color: cornflowerblue;
      color: white;
      border: none;
      padding: 7px 15px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 14px;
      border-radius:30%;
      font-family:arial;
      margin:5px;
    }
  .modificar
    {
      background-color: cornflowerblue;
      color: white;
      border: none;
      padding: 7px 15px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 14px;
      border-radius:30%;
      font-family:arial;
    }

  .enviar:hover
    {
      background-color: green;
      color:yellow;
    }

  .modificar:hover
    {
      background-color: green;
      color:blue;
    }
    .comentari
    {
      width:95%;
      margin-top:10px;
      margin-bottom: 10px;
      font-family:arial;
      box-shadow: 1px 1px 1px 1px PaleVioletRed;
      margin:15px auto;
    }
    .formBuska
    {
      font-family:arial;
      border-style: solid;
      margin-top:5px;
      margin-bottom: 10px;
      margin:20px;
      box-shadow: 3px 3px 3px 3px LightSlateGray;
      border-radius:33px;
    }

    ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: AliceBlue;
      font-size:22px;
}

li {
display: inline-block;
   font-size:27px;
}

li a {
  display: block;
  /*
  color: darkblue;
  */
     color:#183c72;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
   font-size:27px;
}

li a:hover:not(.active) {
  background-color: White;
}

.active {
  background-color: White;
}

.knewave-regular {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
  /*
  font-family: "Matemasie", sans-serif;
  font-weight: 400;
  font-style: normal;
  */
  /*
    font-family: 'Genty Demo', sans-serif;
  font-weight: 400;
  font-style: normal;
  */
  /*
  font-family: 'Genty Demo', sans-serif;
  */
  /*
  font-family: "Knewave", system-ui;
  font-weight: 400;
  font-style: normal;  
  */
}

    .matemasie-regular {
  font-family: "Matemasie", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kavoon-regular {
  font-family: "Kavoon", serif;
  font-weight: 400;
  font-style: normal;
}

.piedra-regular {
  font-family: "Piedra", serif;
  font-weight: 400;
  font-style: normal;
}


.devonshire-regular {
  font-family: "Devonshire", cursive;
  font-weight: 400;
  font-style: normal;
}


.molle-regular-italic {
  font-family: "Molle", cursive;
  font-weight: 400;
  font-style: italic;
}


.rubik-spray-paint-regular {
  font-family: "Rubik Spray Paint", system-ui;
  font-weight: 400;
  font-style: normal;
}

.luckiest-guy-regular {
  font-family: "Luckiest Guy", cursive;
  font-weight: 400;
  font-style: normal;
}


.rubik-bubbles-regular {
  font-family: "Rubik Bubbles", system-ui;
  font-weight: 400;
  font-style: normal;
}

.leckerli-one-regular {
  font-family: "Leckerli One", cursive;
  font-weight: 400;
  font-style: normal;
}