*
{
    padding:0;
    margin:0;
    line-height: 1.2em;
}

html, body { 
 
    width: 100%; 
    height: 100%;
    
}


.title
    {background: #200121;
    height: 20%;
     font-size: 4vh;
    font-size: 4vw;
    justify-content:flex-end;
    align-items:center;
    display: inline-flex;
    color: white;
    font-family: Open Sans Condensed;
    padding-right: 2%;
    margin-top: 10%;
    width: 0px;
    overflow-y: hidden;
    overflow-x: hidden;
    transition: 1s;
    }
    
    .title2
    {background: #200121;
    height: 20%;
     font-size: 4vh;
    font-size: 4vw;
    justify-content:flex-end;
    align-items:center;
    display:flex;
    color: white;
    font-family: Open Sans Condensed;
    padding-right: 2%;
    margin-top: 1%;
    width: 0px;
    overflow-y: hidden;
    overflow-x: hidden;
    transition: 1s;
    }
    
.innerbox1 {
    
    background: #200121;
    display: flex;
}
    
.e-container
    {display: inline-flex;
    width: 66%;
    height: 100%;
    position: fixed;}
    
/* Group h1 */
    
.group1{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#FD6084;}  
.group2{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#FDB151;} 
.group3{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#FDD153;} 
.group4{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#C4C470;} 
.group5{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#89BC75;} 
.group6{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#33A69A;}
.group7{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#33B2DF;}  
.group8{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#009BF7;} 
.group9{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#0073FF;} 
.group10{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#1E55FF;} 
.group11{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#3B28F0;} 
.group12{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#4600D2;} 
.group13{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#6815DB;} 
.group14{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#8E15DB;}
.group15{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#B115DB;}  
.group16{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#D644DB;} 
.group17{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#FF8BDB;} 
.group18{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#FFA4B8;} 
.group19{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#FF889B;} 
.group20{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;color:#FF6B82;}
    
/* Group h1 */

/*--------------------------------------- */     
/*--------------- Groups ---------------- */  
    
#group1-header, #group2-header, #group3-header, #group4-header, #group5-header, #group6-header, #group7-header, #group8-header, #group9-header, #group10-header, #group11-header, #group12-header, #group13-header, #group14-header, #group15-header, #group16-header, #group17-header, #group18-header, #group19-header, #group20-header
    
{display: flex;width: 10%;height: 20%;justify-content: center;color: white;overflow:visible;transition:height 0.3s; -webkit-transition: height: 0.3s;color: transparent;bottom: 0; }

#group1-header:active:{color: transparent;}
    
/*--------------- Groups | hover ---------------- */ 
    
#group1-header:hover
{height: 25%;color: #E54C7C;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group2-header:hover
{height: 25%;color: #EF9A3C;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group3-header:hover
{height: 25%;color: #F7C22D;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group4-header:hover
{height: 25%;color: #B5B054;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group5-header:hover
{height: 25%;color: #70AD50;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group6-header:hover
{height: 25%;color: #239B8C;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group7-header:hover
{height: 25%;color: #15A7CE;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group8-header:hover
{height: 25%;color: #0090D8;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group9-header:hover
{height: 25%;color: #164DFF;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group10-header:hover
{height: 25%;color: #3A10F4;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group11-header:hover
{height: 25%;color: #2B00D6;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group12-header:hover
{height: 25%;color: #2D00B0;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group13-header:hover
{height: 25%;color: #5A00C3;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group14-header:hover
{height: 25%;color: #7D00CA;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group15-header:hover
{height: 25%;color: #9400C7;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group16-header:hover
{height: 25%;color: #B300DE;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group17-header:hover
{height: 25%;color: #E556D3;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group18-header:hover
{height: 25%;color: #FF7EA2;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group19-header:hover
{height: 25%;color: #FF6980;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}
#group20-header:hover
{height: 25%;color: #E54C7C;bottom: 0;align-items: flex-end; font-size: 1.3vh;font-size: 1.3vw;}

    
/*--------------- Groups | colour ---------------- */ 
        
#group1-header{background-color: #FD6084;}
#group2-header{background-color: #FDB151;}
#group3-header{background-color: #FDD153;}   
#group4-header{background-color: #C4C470;}    
#group5-header{background-color: #89BC75;}
#group6-header{background-color: #33A69A;}
#group7-header{background-color: #33B2DF;}
#group8-header{background-color: #009BF7;}
#group9-header{background-color: #0073FF;}
#group10-header{background-color: #1E55FF;}
#group11-header{background-color: #3B28F0;}
#group12-header{background-color: #4600D2;}
#group13-header{background-color: #6815DB;}
#group14-header{background-color: #8E15DB;}
#group15-header{background-color: #B115DB;}
#group16-header{background-color: #D644DB;}
#group17-header{background-color: #FF8BDB;}
#group18-header{background-color: #FFA4B8;}
#group19-header{background-color: #FF889B;}
#group20-header{background-color: #FF6B82;}
    
/*--------------- Groups ---------------- */ 
/*--------------------------------------- */ 
    
    

/*------------------------------------------------- */ 
/*---------------------Elements-------------------- */ 
    
/*--------------- Group 1 Elements ---------------- */    
#el1 {background-color: #FD9584;color: white;}
#el1:hover {color:#FD9584;background: white;}
    
#el2 {background-color: #FDAD84;color: white;}
#el2:hover {color:#FDAD84;background: white;}
    
#el3 {background-color: #FDC284;color: white;}
#el3:hover {color:#FDC284;background: white;}
    
#el4 {background-color: #FDCE84;color: white;}
#el4:hover {color:#FDCE84;background: white;}
    
#el5 {background-color: #FDDA84;color: white;}
#el5:hover {color:#FDDA84;background: white;}
    
#el6 {background-color: #FDE784;color: white;}
#el6:hover {color:#FDE784;background: white;}
    
#el7 {background-color: #FFEC88;color: white;}
#el7:hover {color:#FDE784;background: white;} 

/*--------------- Group 2 Elements ---------------- */    
#el8 {background-color: #FDC553;color: white;}
#el8:hover {color:#FDC553;background: white;}
    
#el9 {background-color: #FDD153;color: white;}
#el9:hover {color:#FDD153;background: white;}
    
#el10 {background-color: #FFD966;color: white;}
#el10:hover {color:#FFD966;background: white;}
    
#el11 {background-color: #FFE566;color: white;}
#el11:hover {color:#FFE566;background: white;}
    
#el12 {background-color: #FFED6F;color: white;}
#el12:hover {color:#FFED6F;background: white;}
    
#el13 {background-color: #FFF46F;color: white;}
#el13:hover {color:#FFF46F;background: white;}

/*--------------- Group 3 Elements ---------------- */ 
#el14 {background-color: #FD9584;color: white;}
#el14:hover {color:#FD9584;background: white;}
    
#el15 {background-color: #FDAD84;color: white;}
#el15:hover {color:#FDAD84;background: white;}
    
#el16 {background-color: #FDC284;color: white;}
#el16:hover {color:#FDC284;background: white;}
    
#el17 {background-color: #FDCE84;color: white;}
#el17:hover {color:#FDCE84;background: white;}

/*--------------- Group 4 Elements ---------------- */
    
/*---------------------Elements-------------------- */ 
/*------------------------------------------------- */ 

    
#container
    {    transition: margin-left 1s;
    margin-top: 10%;}
    
/* Element Lists */
    
#elementList1
{background: #FD6084;margin-left: 34%; margin-top: 0.%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}
    
#elementList2
{background: #FDB151;margin-left: 35.45%; margin-top: 0%;width: 1.48%;position: fixed;z-index: 12;height: 100%;}

#elementList3
{background: #FDD153;margin-left: 36.93%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}
    
#elementList4
{background: #C4C470;margin-left: 38.4%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}
    
#elementList5
{background: #89BC75;margin-left: 39.87%; margin-top: 0%;width: 1.45%;position: fixed;z-index: 12;height: 100%;}
    
#elementList6
{background: #33A69A;margin-left: 41.34%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}    
    
#elementList7
{background: #33B2DF;margin-left: 42.8%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}  
    
#elementList8
{background: #009BF7;margin-left: 44.25%; margin-top: 0%;width: 1.49%;position: fixed;z-index: 12;height: 100%;}   
    
#elementList9
{background: #0073FF;margin-left: 45.75%; margin-top: 0%;width: 1.45%;position: fixed;z-index: 12;height: 100%;}     
    
#elementList10
{background: #1E55FF;margin-left: 47.2%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}   
    
#elementList11
{background: #3B28F0;margin-left: 48.69%; margin-top: 0%;width: 1.44%;position: fixed;z-index: 12;height: 100%;}  
    
#elementList12
{background: #4600D2;margin-left: 50.12%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}       

#elementList13
{background: #6815DB;margin-left: 51.6%; margin-top: 0%;width: 1.45%;position: fixed;z-index: 12;height: 100%;}    

#elementList14
{background: #8E15DB;margin-left: 53.05%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}     

#elementList15
{background: #B115DB;margin-left: 54.52%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}     

#elementList16
{background: #D644DB;margin-left: 56%; margin-top: 0%;width: 1.47%;position: fixed;z-index: 12;height: 100%;}     
    
#elementList17
{background: #FF8BDB;margin-left: 57.50%; margin-top: 0%;width: 1.45%;position: fixed;z-index: 12;height: 100%;}     
    
#elementList18
{background: #FFA4B8;margin-left: 58.95%; margin-top: 0%;width: 1.45%;position: fixed;z-index: 12;height: 100%;} 
    
#elementList19
{background: #FF889B;margin-left: 60.4%; margin-top: 0%;width: 1.45%;position: fixed;z-index: 12;height: 100%;}   

#elementList20
{background:#FF6B82;margin-left: 61.8%; margin-top: 0%;width: 1.5%;position: fixed;z-index: 12;height: 100%;} 
    
/* Element Lists */
    
/* Group Elements */
    
.g1
    {height: 8.7%;display: flex;justify-content: center;align-items: center;font-family: Roboto Condensed;cursor: pointer;}
    
.g2
    {height: 10.1%;display: flex;justify-content: center;align-items: center;font-family: Roboto Condensed;cursor: pointer;}
    
.g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16, .g17, .g18, .g19

    {height: 8.7%;display: flex;justify-content: center;align-items: center;font-family: Roboto Condensed;cursor: pointer;}
    
.g20,.g19
    
    {height: 4.05%;display: flex;justify-content: center;align-items: center;font-family: Roboto Condensed;cursor: pointer;}
    
/* Group Elements */

/* Paragraph header */
    
#paraheader1, #paraheader2, #paraheader3, #paraheader4, #paraheader5, #paraheader6, #paraheader7, #paraheader8, #paraheader9, #paraheader10, #paraheader11, #paraheader12, #paraheader13, #paraheader14, #paraheader15, #paraheader16, #paraheader17, #paraheader18, #paraheader19, #paraheader20
    {background: #F7F7F7;
    width: 0%;
    height: 100%;
    z-index: 11000;
    display: flex;
    transition: 4s;
    overflow-y: scroll;
    overflow-x: hidden;
    }
    
::-webkit-scrollbar {
    width: 1%;
}
 
::-webkit-scrollbar-track {
   background: #F2F2F2;
}
 
::-webkit-scrollbar-thumb {
    background: #E5E5E5; 
}
    
/* Paragraph header */
    
/* Box Content */
    
#box-content1, #box-content2, #box-content3, #box-content4, #box-content5, #box-content6, #box-content7, #box-content8, #box-content9, #box-content10, #box-content11, #box-content12, #box-content13, #box-content14, #box-content15, #box-content16, #box-content17, #box-content18, #box-content19, #box-content20
    {
    margin: 5% 10%;
    margin-right: 20%;
    opacity: 1;
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;}
    
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-moz-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}}
    
    
/* Box Content */
    
/* Paragraph groups */
    
.p-group-1, .p-group-2, .p-group-3, .p-group-4, .p-group-5, .p-group-6, .p-group-7, .p-group-8, .p-group-9, .p-group-10, .p-group-11, .p-group-12, .p-group-13, .p-group-14, .p-group-15, .p-group-16, .p-group-17, .p-group-18, .p-group-19, .p-group-20
    {line-height: 2;
    font-family: roboto;
    color: #2A222B;
    margin: 0% 15% 0% 0%;
    font-size: 15px;
     animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;}
    
    @keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-moz-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}}
    
/* Paragraph groups */
    
hr
    {margin: 5% 0%;
    margin-right: 5%;
    opacity: 0.2;}

.nav
    {width: 100%;
    height: 5%;
    background: #F7F5F7;
    position: absolute;}
    
.nav2
    {width: 100%;
    height: 2%;
    background: #F7F5F7;
    position: fixed;
    bottom: 0;
    display: flex;
    vertical-align: bottom;
    z-index: -10;
    }
    
    .resource
    {width: 7%;
    height: 1%;
    position: absolute;
    display: flex;
    background: #FD6084;
    bottom: 0;
    margin-left: 2%;
    overflow: visible;
    text-align: center;
     transition:height 0.3s; 
    -webkit-transition: height: 0.3s;
    justify-content: center;
    text-decoration: none;}
    
    #hover-content {
    display:none;
    font-family: roboto;
    background: #FD6084;
    color: white;
    height: 100%;   
}
    
    
.link
    {margin-top: 10%;
    font-weight: 700;}
    
    
.resource:hover #hover-content  {
    display:block;
    
}
    .resource:hover {height: 10%}
    
.el-subtitle1, .el-subtitle2, .el-subtitle3, .el-subtitle4, .el-subtitle5, .el-subtitle6, .el-subtitle7, .el-subtitle8, .el-subtitle9, .el-subtitle10, .el-subtitle11, .el-subtitle12, .el-subtitle13, 
{font-family: Roboto;font-size: 1.5vh;font-size: 1.5vw;margin-top: 5%; font-weight: 400;animation: fadein 1s;-moz-animation: fadein 1s;-webkit-animation: fadein 1s;-o-animation: fadein 1s;}
    
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-moz-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}} 
    

    
p {font-family: Roboto; margin-top: 5%;font-size: 12px;line-height: 1.7em; animation: fadein 1s;-moz-animation: fadein 1s;-webkit-animation: fadein 1s;-o-animation: fadein 1s;}
    
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-moz-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}}
    
ul{margin-left: 4%;
     animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;}
    
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-moz-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}}
    
li{margin-top: 5%;line-height: 1.5;}

.el-title1, .el-title2, .el-title3, .el-title4, .el-title5, .el-title6, .el-title7, .el-title8, .el-title9, .el-title10, .el-title11, .el-title12, .el-title13, .el-title14, .el-title15, .el-title16, .el-title17, .el-title18, .el-title19
{font-family: Open Sans Condensed;font-size: 4vh;font-size: 4vw;margin-bottom: 10%;animation: fadein 1s;-moz-animation: fadein 1s;-webkit-animation: fadein 1s;-o-animation: fadein 1s;}
    
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-moz-keyframes fadein { 
    from {opacity:0;}
    to {opacity:1;}}
    
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}}

.el-subtitle1 {color:#FD9584;}
.el-subtitle2 {color:#FDAD84;}
.el-subtitle3 {color:#FDC284;}
.el-subtitle4 {color:#FDCE84;}
.el-subtitle5 {color:#FDDA84;}
.el-subtitle6 {color:#F7DE74;}
.el-subtitle7 {color:#F7DE74;}
    
.el-subtitle8,.el-subtitle9,.el-subtitle10,.el-subtitle11,.el-subtitle12,.el-subtitle13,.el-subtitle14

{color:#FDB151 ;}
    
.el-title1{color:#FD9584;}
.el-title2{color:#FDAD84;}
.el-title3{color:#FDC284;}
.el-title4{color:#FDCE84;}
.el-title5{color:#FDDA84;}
.el-title6{color:#F7DE74;}
.el-title7{color:#F7DE74;}

.el-title8,.el-title9,.el-title10,.el-title11,.el-title12,.el-title13,.el-title14

{color:#FDB151 ;}

.el-title15, .el-title16

{color:#FDD153 ;}
    
.el-title17, .el-title18, .el-title19, .el-title20

{color:#C4C470;}

.el-title21, .el-title22, .el-title23, .el-title24

{color:#89BC75;}

.el-title25, .el-title26, .el-title27, .el-title29

{color:#33A69A;}



    
.el-content1
    {
    margin: 5% 10% 30% 10%;}
    
ul {font-family: Roboto; margin-top: 5%;font-size: 12px;}
    
#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10, #b11, #b12, #b13, #b14,#b15, #b16, #b17, #b18, #b19, #b20, #b21, #b22, #b23, #b24, #b25, #b26, #b27, #b28, #b29, #b30, #b31, #b32, #b33, #b34, #b35,#b36, #b37, #b38, #b39, #b40, #b41, #b42, #b43, #b44, #b45, #b46, #b47, #b48, #b49, #b50, #b51, #b52, #b53, #b54, #b55,#b56, #b57, #b58, #b59, #b60, #b61, #b62
    
{border: none;width: 100%;height: 100%;cursor: pointer;outline-color: transparent;outline-style: none;}
    
#b63, #b64,#b65, #b66, #b67, #b68, #b69, #b70, #b71, #b72, #b73, #b74, #b75, #b76, #b77, #b78, #b79, #b80, #b81, #b82, #b83, #b84, #b85,#b86, #b87, #b88, #b89, #b80, #b81, #b82, #b83, #b84, #b85, #b86, #b87, #b88
    
{border: none;width: 100%;height: 100%;cursor: pointer;outline-color: transparent;outline-style: none;}
    
#b89, #b90, #b91, #b92, #b93, #b94, #b95,#b96, #b97, #b98, #b99, #b100, #b101, #b102, #b103, #b104, #b105, #b106, #b107, #b108, #b109, #b110, #b111, #b112, #b113, #b114,#b115, #b116, #b117, #b118
{border: none;width: 100%;height: 100%;cursor: pointer;outline-color: transparent;outline-style: none;}
 
/*-----------------------1-------------------------- */ 
#b1 {background-color: #FD9584;color: white;}
#b1:hover {color:#FD9584;background: white;}
#b2 {background-color: #FDAD84;color: white;}
#b2:hover {color:#FDAD84;background: white;}
#b3 {background-color: #FDC284;color: white;}
#b3:hover {color:#FDC284;background: white;}
#b4 {background-color: #FDCE84;color: white;}
#b4:hover {color:#FDCE84;background: white;}
#b5 {background-color: #FDDA84;color: white;}
#b5:hover {color:#FDDA84;background: white;}
#b6 {background-color: #FDE784;color: white;}
#b6:hover {color:#FDE784;background: white;}
#b7 {background-color: #FFEC88;color: white;}
#b7:hover {color:#FDE784;background: white;} 
/*----------------------2--------------------------- */ 
#b8 {background-color: #FDB151;color: white;}
#b8:hover {color:#FDB151;background: white;}
#b9 {background-color: #FDB151;color: white;}
#b9:hover {color:#FDB151;background: white;}
#b10 {background-color: #FDB151;color: white;}
#b10:hover {color:#FDB151;background: white;}
#b11{background-color: #FDB151;color: white;}
#b11:hover {color:#FDB151;background: white;}
#b12 {background-color: #FDB151;color: white;}
#b12:hover {color:#FDB151;background: white;}
#b13 {background-color: #FDB151;color: white;}
#b13:hover {color:#FDB151;background: white;}
/*----------------------3--------------------------- */ 
#b14 {background-color: #FDD153;color: white;}
#b14:hover {color:#FDD153;background: white;}
#b15 {background-color: #FDD153;color: white;}
#b15:hover {color:#FDD153;background: white;}
/*----------------------4--------------------------- */ 
#b16 {background-color: #C4C470;color: white;}
#b16:hover {color:#C4C470;background: white;}
#b17 {background-color: #C4C470;color: white;}
#b17:hover {color:#C4C470;background: white;}
#b18 {background-color: #C4C470;color: white;}
#b18:hover {color:#C4C470;background: white;}
#b19{background-color: #C4C470;color: white;}
#b19:hover {color:#C4C470;background: white;}
/*----------------------5--------------------------- */ 
#b20 {background-color: #89BC75;color: white;}
#b20:hover {color:#89BC75;background: white;}
#b21 {background-color: #89BC75;color: white;}
#b21:hover {color:#89BC75;background: white;}
#b22 {background-color: #89BC75;color: white;}
#b22:hover {color:#89BC75;background: white;}
#b23{background-color: #89BC75;color: white;}
#b23:hover {color:#89BC75;background: white;}
/*----------------------6--------------------------- */ 
#b24{background-color: #33A69A;color: white;}
#b24:hover {color:#33A69A;background: white;}
#b25{background-color: #33A69A;color: white;}
#b25:hover {color:#33A69A;background: white;}
#b26{background-color: #33A69A;color: white;}
#b26:hover {color:#33A69A;background: white;}
#b27{background-color: #33A69A;color: white;}
#b27:hover {color:#33A69A;background: white;}
/*-----------------------7-------------------------- */ 
#b28{background-color: #33B2DF;color: white;}
#b28:hover {color:#33B2DF;background: white;}
#b29 {background-color: #33B2DF;color: white;}
#b29:hover {color:#33B2DF;background: white;}
#b30 {background-color: #33B2DF;color: white;}
#b30:hover {color:#33B2DF;background: white;}
#b31{background-color: #33B2DF;color: white;}
#b31:hover {color:#33B2DF;background: white;}
/*----------------------8--------------------------- */ 
#b32 {background-color: #009BF7;color: white;}
#b32:hover {color:#009BF7;background: white;}
#b33{background-color: #009BF7;color: white;}
#b33:hover {color:#009BF7;background: white;}
#b34{background-color: #009BF7;color: white;}
#b34:hover {color:#009BF7;background: white;}
#b35{background-color: #009BF7;color: white;}
#b35:hover {color:#009BF7;background: white;}
/*-----------------------9-------------------------- */ 
#b36{background-color: #0073FF;color: white;}
#b36:hover {color:#0073FF;background: white;}
#b37{background-color: #0073FF;color: white;}
#b37:hover {color:#0073FF;background: white;}
#b38{background-color: #0073FF;color: white;}
#b38:hover {color:#0073FF;background: white;}
#b39{background-color: #0073FF;color: white;}
#b39:hover {color:#0073FF;background: white;}
/*-----------------------10-------------------------- */ 
#b40{background-color: #1E55FF;color: white;}
#b40:hover {color:#1E55FF;background: white;}
#b41{background-color: #1E55FF;color: white;}
#b41:hover {color:#1E55FF;background: white;}
#b42 {background-color: #1E55FF;color: white;}
#b42:hover {color:#1E55FF;background: white;}
#b43{background-color: #1E55FF;color: white;}
#b43:hover {color:#1E55FF;background: white;}
/*------------------------11------------------------- */ 
#b44{background-color: #3B28F0;color: white;}
#b44:hover {color:#3B28F0;background: white;}
#b45{background-color: #3B28F0;color: white;}
#b45:hover {color:#3B28F0;background: white;}
#b46 {background-color: #3B28F0;color: white;}
#b46:hover {color:#3B28F0;background: white;}
#b47{background-color: #3B28F0;color: white;}
#b47:hover {color:#3B28F0;background: white;}
/*-------------------------12------------------------ */ 
#b48{background-color:#4600D2;color: white;}
#b48:hover {color:#4600D2;background: white;}
#b49 {background-color: #4600D2;color: white;}
#b49:hover {color:#4600D2;background: white;}
#b50 {background-color: #4600D2;color: white;}
#b50:hover {color:#4600D2;background: white;}
#b51{background-color:#4600D2;color: white;}
#b51:hover {color:#4600D2;background: white;}
/*-----------------------13-------------------------- */ 
#b52 {background-color: #6815DB;color: white;}
#b52:hover {color:#6815DB;background: white;}
#b53{background-color: #6815DB;color: white;}
#b53:hover {color:#6815DB;background: white;}
#b54 {background-color: #6815DB;color: white;}
#b54:hover {color:#6815DB;background: white;}
#b55{background-color: #6815DB;color: white;}
#b55:hover {color:#6815DB;background: white;}
#b56 {background-color: #6815DB;color: white;}
#b56:hover {color:#6815DB;background: white;}
#b57 {background-color: #6815DB;color: white;}
#b57:hover {color:#6815DB;background: white;}
/*-----------------------14-------------------------- */ 
#b58{background-color: #8E15DB;color: white;}
#b58:hover {color:#8E15DB;background: white;}
#b59 {background-color: #8E15DB;color: white;}
#b59:hover {color:#8E15DB;background: white;}
#b60 {background-color: #8E15DB;color: white;}
#b60:hover {color:#8E15DB;background: white;}
#b61{background-color: #8E15DB;color: white;}
#b61:hover {color:#8E15DB;background: white;}
#b62 {background-color: #8E15DB;color: white;}
#b62:hover {color:#8E15DB;background: white;}
#b63 {background-color: #8E15DB;color: white;}
#b63:hover {color:#8E15DB;background: white;}
/*------------------------15------------------------- */ 
#b64 {background-color: #B115DB;color: white;}
#b64:hover {color:#B115DB;background: white;}
#b65{background-color: #B115DB;color: white;}
#b65:hover {color:#B115DB;background: white;}
#b66{background-color: #B115DB;color: white;}
#b66:hover {color:#B115DB;background: white;}
#b67{background-color: #B115DB;color: white;}
#b67:hover {color:#B115DB;background: white;}
#b68{background-color: #B115DB;color: white;}
#b68:hover {color:#B115DB;background: white;}
#b69{background-color: #B115DB;color: white;}
#b69:hover {color:#B115DB;background: white;}
/*-----------------------16-------------------------- */ 
#b70{background-color: #D644DB;color: white;}
#b70:hover {color:#D644DB;background: white;}
#b71{background-color: #D644DB;color: white;}
#b71:hover {color:#D644DB;background: white;}
#b72 {background-color: #D644DB;color: white;}
#b72:hover {color:#D644DB;background: white;}
#b73{background-color: #D644DB;color: white;}
#b73:hover {color:#D644DB;background: white;}
#b74 {background-color: #D644DB;color: white;}
#b74:hover {color:#D644DB;background: white;}
#b75{background-color: #D644DB;color: white;}
#b75:hover {color:#D644DB;background: white;}
/*-------------------------17------------------------ */ 
#b76{background-color: #FF8BDB;color: white;}
#b76:hover {color:#FF8BDB;background: white;}
#b77{background-color: #FF8BDB;color: white;}
#b77:hover {color:#FF8BDB;background: white;}
#b78{background-color: #FF8BDB;color: white;}
#b78:hover {color:#FF8BDB;background: white;}
#b79{background-color: #FF8BDB;color: white;}
#b79:hover {color:#FF8BDB;background: white;}
#b80{background-color: #FF8BDB;color: white;}
#b80:hover {color:#FF8BDB;background: white;}
#b81 {background-color: #FF8BDB;color: white;}
#b81:hover {color:#FF8BDB;background: white;}
#b82 {background-color: #FF8BDB;color: white;}
#b82:hover {color:#FF8BDB;background: white;}
/*-------------------------18------------------------ */ 
#b83{background-color: #FFA4B8;color: white;}
#b83:hover {color:#FFA4B8;background: white;}
#b84{background-color: #FFA4B8;color: white;}
#b84:hover {color:#FFA4B8;background: white;}
#b85 {background-color: #FFA4B8;color: white;}
#b85:hover {color:#FFA4B8;background: white;}
#b86{background-color: #FFA4B8;color: white;}
#b86:hover {color:#FFA4B8;background: white;}
#b87 {background-color: #FFA4B8;color: white;}
#b87:hover {color:#FFA4B8;background: white;}
#b88 {background-color: #FFA4B8;color: white;}
#b88:hover {color:#FFA4B8;background: white;}

/*-------------------------19------------------------ */ 
#b89 {background-color: #FF889B;color: white;}
#b89:hover {color:#FF889B;background: white;}
#b90{background-color: #FF889B;color: white;}
#b90:hover {color:#FF889B;background: white;}
#b91{background-color: #FF889B;color: white;}
#b91:hover {color:#FF889B;background: white;}
#b92 {background-color: #FF889B;color: white;}
#b92:hover {color:#FF889B;background: white;}
#b93{background-color: #FF889B;color: white;}
#b93:hover {color:#FF889B;background: white;}
#b94 {background-color: #FF889B;color: white;}
#b94:hover {color:#FF889B;background: white;}
#b95 {background-color: #FF889B;color: white;}
#b95:hover {color:#FF889B;background: white;}
#b96 {background-color: #FF889B;color: white;}
#b96:hover {color:#FF889B;background: white;}
#b97{background-color: #FF889B;color: white;}
#b97:hover {color:#FF889B;background: white;}
#b98 {background-color: #FF889B;color: white;}
#b98:hover {color:#FF889B;background: white;}
#b99 {background-color: #FF889B;color: white;}
#b99:hover {color:#FF889B;background: white;}
#b100 {background-color: #FF889B;color: white;}
#b100:hover {color:#FF889B;background: white;}
#b101{background-color: #FF889B;color: white;}
#b101:hover {color:#FF889B;background: white;}
#b102{background-color: #FF889B;color: white;}
#b102:hover {color:#FF889B;background: white;}
#b103{background-color: #FF889B;color: white;}
#b103:hover {color:#FF889B;background: white;}
#b104{background-color: #FF889B;color: white;}

/*-------------------------20------------------------ */
#b104{background-color: #FF6B82;color: white;}
#b104:hover {color:#FF6B82;background: white;}
#b105{background-color: #FF6B82;color: white;}
#b105:hover {color:#FF6B82;background: white;}
#b106{background-color: #FF6B82;color: white;}
#b106:hover {color:#FF6B82;background: white;}
#b107{background-color: #FF6B82;color: white;}
#b107:hover {color:#FF6B82;background: white;}
#b108{background-color: #FF6B82;color: white;}
#b108:hover {color:#FF6B82;background: white;}
#b109{background-color: #FF6B82;color: white;}
#b109:hover {color:#FF6B82;background: white;}
#b110{background-color: #FF6B82;color: white;}
#b110:hover {color:#FF6B82;background: white;}
#b111{background-color: #FF6B82;color: white;}
#b111:hover {color:#FF6B82;background: white;}
#b112{background-color: #FF6B82;color: white;}
#b112:hover {color:#FF6B82;background: white;}
#b113{background-color: #FF6B82;color: white;}
#b113:hover {color:#FF6B82;background: white;}
#b114{background-color: #FF6B82;color: white;}
#b114:hover {color:#FF6B82;background: white;}
#b115{background-color: #FF6B82;color: white;}
#b115:hover {color:#FF6B82;background: white;}
#b116{background-color: #FF6B82;color: white;}
#b116:hover {color:#FF6B82;background: white;}
#b117{background-color: #FF6B82;color: white;}
#b117:hover {color:#FF6B82;background: white;}
#b118 {background-color: #FF6B82;color: white;}
#b118:hover {color:#FF6B82;background: white;}

tr{font-family: Roboto;font-size:12px;line-height: 1.7em;}
tr:hover{background-color:#fff}
td{border-bottom: 1px solid #FD9584;padding: 10px;padding-top: 20px;}
table{  border-collapse: collapse;}

h4{font-family: Open Sans Condensed; margin-top: 8%;}

.logo{width: 2%; margin-top: 0.2%; margin-left: 0.1%;}

.end
{display: flex;right: 0; bottom:0; width: 100%; height: 100%;position: absolute;align-items: flex-end;justify-content: flex-end;z-index: -1;}

.end-p{margin-right: 1%;}

a {text-decoration: none;color: black;}

a:hover{color: #FF6B82;}