Blue and Red Molecule

/* Spaces */
    .Spacer1{
    height: 1px; min-height: 1px; max-height: 1px; width: 100%;
    }
    .Spacer5{
        height: 5px; min-height: 5px; max-height: 5px; width: 100%;
    }
    .Spacer10{
        height: 10px; min-height: 10px; max-height: 10px; width: 100%;
    }
    .Spacer15{
        height: 15px; min-height: 15px; max-height: 15px; width: 100%;
    }
    .Spacer20{
        height: 20px; min-height: 20px; max-height: 20px; width: 100%;
    }
    .Spacer25{
        height: 25px; min-height: 25px; max-height: 25px; width: 100%;
    }
    .Spacer30{
        height: 30px; min-height: 30px; max-height: 30px; width: 100%;
    }
    .Spacer35{
        height: 35px; min-height: 35px; max-height: 35px; width: 100%;
    }
    .Spacer40{
        height: 40px; min-height: 40px; max-height: 40px; width: 100%;
    }
    .Spacer50{
        height: 50px; min-height: 50px; max-height: 50px; width: 100%;
    }
    .Spacer55{
        height: 55px; min-height: 55px; max-height: 55px; width: 100%;
    }
    .Spacer60{
        height: 60px; min-height: 60px; max-height: 60px; width: 100%;
    }
    .Spacer70{
        height: 70px; min-height: 70px; max-height: 70px; width: 100%;
    }
    .Spacer80{
        height: 80px; min-height: 80px; max-height: 80px; width: 100%;
    }
    .Spacer90{
        height: 90px; min-height: 90px; max-height: 90px; width: 100%;
    }
    .Spacer100{
        height: 100px; min-height: 100px; max-height: 100px; width: 100%;
    }

/* Text and Text Styles */
    /* Texts */
        .Header1{font-family: 'Roboto'; font-size: 38px; line-height: 48px; font-weight: bold;}
        .Header2{font-family: 'Roboto'; font-size: 28px; line-height: 38px; font-weight: bold;}
        .Header3{font-family: 'Roboto'; font-size: 18px; line-height: 24px; font-weight: bold;}
        .Header4{font-family: 'Roboto'; font-size: 18px; line-height: 24px; font-weight: 400;}
        .NormalText{font-family: 'Roboto'; font-size: 16px; line-height: 24px; font-weight: 400;}
        .SmallText{font-family: 'Roboto'; font-size: 14px; line-height: 22px; font-weight: 400;}

    /* Text Colors */
        .ColorBlack{color: black !important} .ColorDarkGray{color: #4d4d4d !important}
        .ColorWhite{color: #fafafa !important} .ColorLightGray{ color:gray !important}
        .ColorBlue{color: blue !important} .ColorRed{color: red !important}

    /* Text Alignment */
        .TextAlignCenter{text-align: center;} .TextAlignLeft{text-align: left;}

    /* Decoration and Capitalization */
        .TextNoDecor{text-decoration: none;} .TextDecorUnderline
        .TextAllCaps{text-transform: uppercase;}.TextAllLower{text-transform: lowercase;}

/* Images use only for containers, only use this size if the image has no container*/
    .ImageH100xW100{height: 100px; width: 100px;} .ImageH60xW60{height: 60px; width: 60px;}
    .ImageH580xW550{height: 580px; width: 550px;} .ImageH50xW50{height: 50px; width: 50px;}

    /*for all image*/
    .ImageFitContainer{width: 100%; height: 100%;}
    .ImageFitContain{object-fit: contain;} .ImageFit{object-fit: cover;}

/* Table */