@font-face {
    font-family: raaksmaakFont1;
    src: url(./SchoolTimes-MKZB.otf);
}

.logo_body {
    height: 330px;
    width: 440px;
    background-color: #dad11e;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
  }

.logo_text_upper_small {
    font-size: 12px;
    font-weight: lighter;
    padding-top: 5px;
}

.logo_text_upper {
    font-size: 50px;
    font-weight: bold;
    padding-top: 5px;
    font-family: raaksmaakFont1;
}

.logo_text_mid_small_upper {
    padding-top: 95px;
    font-size: 12px;
}

.logo_text_mid_dark_small {
    font-size: 12px;
    padding-bottom: 10px;
}

.logo_test_mid_small_lower_side_left {
    color: black;
    font-size: 12px;
    float:left; 
    width: 15%;
}

.logo_text_mid_small_lower {
    
    background-color: black;
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    color: #dad11e;
    font-size: 12px;
}

.logo_test_mid_small_lower_side_right {
    float:right;
    font-size: 12px;
    color: black;
    width: 15%;
}

.logo_text_lower {
    font-size: 14px;
    padding-top: 10px;

}

.logo_text_lower_small {
    padding-top: 75px;
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 10px;
    font-family: raaksmaakFont1;
}

.logo_text_lower_small_footer {
    font-size: 12px;
    font-weight: lighter;
    padding-bottom: 5px;
}

.flip-card {
    background-color: transparent;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 440px;
    height: 330px;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 440px;
    height: 330px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.backside_afr_heading {
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    font-family: raaksmaakFont1;
}

.backside_afr_line1 {
    padding-top: 50px;
}

.backside_english_heading {
    font-size: 20px;
    font-weight: bold;
    padding-top: 50px;
    font-family: raaksmaakFont1;
}