/* Powerpack page styles 2023 */


/* Powerpack page layout */
#column-main-PP {float: left; width: 55%; border:solid 3px #ddd; border-radius: 12px; }
#column-sidebar-PP {float: left; width: 42%; min-width: 350px; padding-left: 2%;}
#column-sidebar-PP h3 {font-size: 14px; text-transform: uppercase;}

h1.title-PP {
background-color: black; color:white; 
max-width: 200px; 
font: 900 28px Montserrat, sans-serif; text-align: center;
margin-bottom:20px}


h3.name {font-size:25px; display: block; text-align: center}

.block2 {width: 47%; margin-right: 2%; float: left}

.block2 .circular_image_big { 
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
  background-color: black;
vertical-align:middle;
margin-left: 20px;
border: solid 20px black;
}

.block2 b.distno {font: bold 30px roboto, sans-serif;}

body {font-family: Roboto, sans-serif; }
.key {font: normal 11px Roboto, sans-serif; line-height:2;}


h1 {font: bold 28px Montserrat, Roboto, sans-serif; }
h2 {font: normal 22px Roboto, sans-serif; }


.bg-purple  {background-color:#ccbbff;}
.bg-blue1  {background-color:#a0c7fc;}
.bg-red1 {background-color:#eab1b1;}


a.button-PP:link, a.button-PP:visited, a.button-PP:active { 
font-size: 18px; 
padding: 2px 10px;
background-color: #3946f1;
/* background-color: #3946f1; 
background-color: #2b52af;*/
color: #fff;
text-decoration: none;
text-align: center;
border: solid 1px #fff; 
border-radius: 5px;
margin-top: 20px; margin-bottom: 20px; 
}

a.button-PP:hover { 
 background-color: #ace0ef;
 color: black; 
 padding-left: 20px; padding-right: 20px; 
}