main {
    padding-left: 5%;
    padding-right: 5%;
}

.title__1 {
    text-align: center;
    line-height: 1;
    font-size: 32px;
    font-weight: 700;
    color: #2D68C4;
}

.title__1.title__1__1 {
    text-align: start;
}

.title__2 {
    text-align: center;
    line-height: 1;
    font-size: 32px;
    font-weight: 600;
    color: #0B2240;
    font-weight: 600;
}

.title__2.title__2__1 {
    text-align: start;
}

.title__3 {
    text-align: start;
    line-height: 1;
    font-size: 30px;
    font-weight: 500;
    color: #0B2240;
}

.title__3.title__3__1 {
    text-align: center;
}


.title__4 {
    text-align: start;
    line-height: 1;
    font-size: 20px;
    font-weight: 500;
    color: #0B2240;
}

.title__4.title__4__1 {
    text-align: center;
}

.text__basic {
    font-size: 18px;
    font-weight: 400;
    color: #5F5F63;
}

.image__exhibit {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

.text__bold__1 {
    font-weight: 600;
}

.text__slanted {
    font-style: italic;
}

.text__highlight__basic {
    color: #2D68C4;
}

.text__highlight__autumn {
    color: #C0392B;
}

.text__highlight__link {
    text-decoration: underline;
    color: #2D68C4;
}

.text__highlight__gold {
    color: #F8AE1B;
}

ul.list__basic {
    padding-left: 15px;
}

ul.list__basic li::marker {
    color: #5F5F63;
}

.thought-bubble.basic {
    display: block;
    width: fit-content;
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 40px;
    border-radius: 10px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    background: #2D68C4;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

.thought-bubble.basic * {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

.thought-bubble.basic.red {
    background: #D0002C;
}

.thought-bubble.basic.yellow {
    background: #F8AE1B;
}

.thought-bubble.basic.yellow a {
    transition: color 0.3s ease-in-out;
    text-decoration: underline dotted 1px;
}

.thought-bubble > .enquisition::before,
.thought-bubble > .enquisition::after {
    display: inline-block;
    vertical-align: middle;
    font: var(--fa-font-solid);
    font-size: 16px;
    color: #FFFFFF;
    content: '\3f';
}

.thought-bubble > .enquisition::before {
    transform: scaleX(-1);
    margin-right: 10px;
}

.thought-bubble > .enquisition::after {
    margin-left: 10px;
}



.thought-bubble.basic.yellow a:hover {
    color: #2D68C4;
}

.thought-bubble.basic.autumn {
    background: #C0392B;
}

.thought-bubble.basic .credits {
    margin-top: 20px;
    font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
}

.thought-bubble.basic .credits * {
    color: #000000;
}

.thought-bubble.basic .credits .symbol,
.thought-bubble.basic .credits .occupation,
.thought-bubble.basic .credits .extra {
    color: #D0002C;
}

.thought-bubble.basic .credits .commenter,
.thought-bubble.basic .credits .occupation,
.thought-bubble.basic .credits .extra {
    display: block;
}



.class__buttonlink {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    color: #FFFFFF;
    text-align: center;
}


.class__buttonlink__1 {
    background: #D0002C;
}

.class__buttonlink__2 {
    background: #2D68C4;
}

.class__buttonlink__3 {
    color: #0B2240;
    background: #F8AE1B;
}

.class__buttonlink__4 {
    background: #C0392B;
}

.class__buttonlink__5 {
    background: #0B2240;
}

.class__buttonlink__6 {
    background: #1F467A;
}

.class__buttonlink__7 {
    background: #7F3AFF;
}

.class__buttonlink__8 {
    background: #16A085;
}

.class__buttonlink__9 {
    background: #B50026;
}

.class__buttonlink__10 {
    background: #F8AE1B;
}

.news__card h1 {
    color: #939598;
    transition: color 0.3s ease-in-out;
}

.news__card:hover h1 {
    color: #2D68C4;
}

section.quicklinks {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.rainbow-text {
  /* 1. Define the rainbow gradient background */
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  
  /* 2. Clip the background to the text area */
  -webkit-background-clip: text; /* Required for compatibility with some browsers */
  background-clip: text;

  /* 3. Make the actual text color transparent to reveal the background */
  color: transparent;
  -webkit-text-fill-color: transparent; /* Alternative for compatibility */
}