/* text styling */
body {
   margin-left: auto;
   margin-right: auto;
   background-image: url(images/rainbow.png);
}

h1 {
   font-size: 191.666667%; /* 23 * 100 / 12 */
   font-family: Bell MT;
}

h2 {
   font-size: 166.666667%;
   margin-left: 3.333333mm;
   font-family: Bell MT;
 }

h3 {
   font-size: 141.666667%;
   margin-left: 6.666667mm;
   font-family: Bell MT;
}

p {
   color: black;
   font-size: 116.666667%;
   margin-left: 1cm;
   
   font-family: Bell MT;
   line-height: 1.5;
   text-align: left;
}

/* main window styling */
.main {
   display: flex;
   height: calc(100vh - 8px - 70px - 16px);
}

.mainLeft {
   border-radius: 24px;
   background: #CCCCCC7F;
   margin: 8px;
   padding: 16px;
   width: 128px;
}

.mainRight{
   border-radius: 24px;
   background: #CCCCCC7F;
   margin: 8px;
   
   padding: 16px;
   width: 100%;
   overflow: auto;
}

.copyright{
   border-radius: 24px;
   background: #CCCCCC7F;
   margin: 8px;
   padding: 16px;
   text-align: center;
}