/* aqa colours */

.aqa_3_1{background:#2dc8f3;color:white;}
.aqa_3_2{background:#6f00ff;color:white;}
.aqa_3_2_1{background:#6f00ff;color:white;}
.aqa_3_3{background:#F32D96;color:#fff;}
.aqa_3_4{background:#FBBD17;}
.aqa_3_5{background:#57C785;color:white;}
.aqa_3_6{background:#9f00ff;color:white;}
.aqa_3_7{background:#00bac0;color:white;}

.aqa_3_1_txt{color:#2dc8f3;}
.aqa_3_2_txt{color:#6f00ff;}
.aqa_3_3_txt{color:#F32D96;}
.aqa_3_4_txt{color:#FBBD17;}
.aqa_3_5_txt{color:#57C785;}
.aqa_3_6_txt{color:#9f00ff;}
.aqa_3_7_txt{color:#00bac0;}

/* this is for ks3 title borders */

.heading_border{border:2px solid #7ED7F7;}

/* this is for displaying code */
.code {
  background-color: #000000;
  color: #ffffff;
  padding: 25px 0px 20px 20px; /* top right bottom left */
  font-family: Consolas, monospace;
  font-size: 16px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: keep-all;
  border-radius: 10px;
  position: relative;
}

.code::before {
  content: "Python Code Example"; /* This is the text that will be displayed */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  background-color: #333333;
  color: #fff; /* This is the text color */
  text-align: left; /* This is to center the text */
  font-size: 16px; /* This is the text size */
  font-weight: bold; /* This is the text weight */
  padding: 5px; /* This adds 5px of padding to all sides of the text */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
 /* thehe style will be applied to the first span element that is a child of the p element*/
.first-span {
  box-sizing: border-box;
  padding-left: 0px;
  display: inline-block;
}

.code .string {
  color: #00FF00;
}

.code .keyword {
  color: #ffa500;
}
.code .comments {
  color: #808080;
}
.code .number {
    color:#F83583
}