* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}


body {
   margin: 0;
   padding: 0;
   font-size: 16px;
   background-image: linear-gradient(to right,rgb(191, 203, 236), rgb(247, 251, 255));
 
}

.imgmult {

   display:inline-block;
   min-width: 320px;
   max-width: 80%;
   border: 5px solid black;
   border-radius: 20px;
   padding: 10;
   margin: 10;
} 



.grad {
  background-image: linear-gradient(to right, rgb(67, 226, 80), yellow);
}

.psscimg {
   width: 650px;
   border: 5px solid blue;
   border-radius: 20px;


}

.row {
display: flex;

flex-wrap: wrap;

}

.column3 {
  flex: 33.33%;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.twhdiv {
   max-width: 1100px;
   align-self: center;
   align-content: center;
   display: block;
   border: 5px solid blue;
   border-radius: 20px;
   text-align: center;
   width: 90%;
   background: "pix/manism.png";

}


.txt01 {

   font-size: 3rem;
   font-style: italic;
   font-weight: bolder;

}

.containerlk {
   position:relative;
   max-width: 80%;
   min-height: 200px;
   margin-inline: auto;
   display: flex;
   gap: 1rem;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   border: 5px solid blue;
   border-radius: 20px;
   background-color: yellowgreen;
   padding: 8px;
}

.containeradd {
   position: relative;
   max-width: 1000px;
   min-height: 200px;
   margin-inline: auto;
   display: flex;
   gap: 1rem;
   justify-content: center;
   align-items: center;
   flex-flow: wrap;





}



.box {
   width: 100px;
   min-width: 80px;
   background-color: blue;
   color: #fff;
   font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;


}


.boxadv {
   width: 30%;
   min-width: 180px;
   background-color: blue;
   color: #fff;
   font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;





}


.boxadvbig {
   width: 60%;
   max-width: 600px;
   min-width: 180px;
   background-color: blue;
   color: #fff;
   font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;





}

.boxadvgroup {
   width: 80%;
   min-width: 180px;
   background-color: blue;
   color: #fff;
   font-size: 1rem;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;





}

.divtextbox {

   text-align: center;
   width: 80%;
   border: 5px solid blue;
   border-radius: 20px;
   font-size: medium;
   font-weight: bold;

}


.divbigpixbox {

   text-align: center;
   width: 50%;
   border: 5px solid blue;
   border-radius: 20px;
   font-size: medium;
   font-weight: bold;

}

.divboxedpic {

   display: block;
   width: 99%;



}

.divaddpix1000 {
   display: inline-block;
   width: 25%;
   max-width: 400px;
   min-width: 320px;
   margin-right: 10px;
   vertical-align: top;
   padding: 5px;
}

.divaddpix {
   display: inline-block;
   width: 25%;
   min-width: 240px;

}

.divaddpixmulti {
   display: inline-block;
   width: 25%;
   min-width: 240px;
   max-width: 240px;



}

.divaddpixbig {

   display: block;
   width: 50%;
   max-width: 700px;
   min-width: 320px;


}

.divaddpixbigbord {

   display: block;
   width: 50%;
   max-width: 700px;
   min-width: 320px;
   border: 5px solid blue;
   border-radius: 20px;

}


.divaddpixbigmulti {

   display: inline-block;
   width: 30%;
   max-width: 700px;
   min-width: 320px;
   margin-right: 10px;
   vertical-align: top;
   padding: 5px;

}



.divaddpixbiggest {

   display: block;
   width: 90%;
   border: 5px solid blue;
   border-radius: 20px;
   min-width: 320px;
   

}

.divaddlinkblock {

   display: block;
   width: 70%;
   min-width: 320px;
   border: 5px solid blue;
   border-radius: 20px;
   background-color: #000000;
}



.divaddpixround {
   display: block;
   width: 50%;
   min-width: 320px;

}


.msgtxt {
   text-align: center;
   font-style: italic;
   font-weight: 700;
   color: #000000;
   font-size: 1.5em;

}

.addpix {
   display: inline-block;                   
   border: 5px solid blue;
   border-radius: 20px;
   width: 100%;
   max-width: 200px;

}

.addpixbig {

   display: inline-block;                   
   border: 5px solid blue;
   border-radius: 20px;
   width: 100%;
   max-width: 300px;


}

.addpixbignobord {

   display: inline-block;                   
   width: 100%;
   max-width: 700px;
   vertical-align: top;
   text-align: top;
}



.addpixlandscape {

   display: inline-block;                   
   width: 100%;
   max-width: 900px;
   vertical-align: top;
   text-align: top;
}



.addpixbignobordfloat {
   float: left;                  
 

}

.addpixnobord {
   display: inline-block;
   width: 100%;
   max-width: 400px;
}


.img-banner {
   width: 80%;
   max-width: 1000px;
}

.img-round{
width:100%;
border: 5px solid blue;	
border-radius: 50%;


}

.posterpix {

   border: 5px solid blue;
   border-radius: 20px;
   width: 75%;
   max-width: 1000px;

}

.posterpixnobord {

   
   width: 75%;
   max-width: 800px;

}


.addpix-nobord {

   width: 600px;

}

.img-round {
   width: 100%;
   border: 5px solid blue;
   border-radius: 90%;

}

.imgtwh {
   width: 600px;
   border: 5px solid blue;
   border-radius: 20px;



}

.contwriting {
   width: 80%;
   max-width: 700px;
   border: 5px solid blue;
   border-radius: 30px;
   font-size: 1.5rem;
   font-weight: bold;
   background-image: linear-gradient(to right, green, yellow);
}


.contwritingsmall {
   width: 80%;
   max-width: 700px;
   border: 5px solid blue;
   border-radius: 30px;
   font-size: 1rem;
   font-weight: bold;
   background-image: linear-gradient(to right, green, yellow);
   color: black;
}

.centered {
   position: absolute;
   top: 50%;
   left: 50%;
   color: yellow;
   transform: translate(-50%, -50%);
 }


@media (max-width:800px) {

.divbigpixbox {

   text-align: center;
   width: 90%;
   border: 5px solid blue;
   border-radius: 20px;
   font-size: medium;
   font-weight: bold;

}


.divaddlinkblock {
    width: 90%;


}


.containerlk {
    width: 90%;

}

}