@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital@0;1&display=swap');

/* +++++++++ start: RESPONSVIE BEHAVIOUR banner ++++++++++ */
.float{
    display: flex;
    flex-direction: row;
	position:fixed;
	width:30px;
	height:130px;
	bottom:130px;
	right:20px;
	background-color:#99cc00;
	border-radius:10px;
	text-align:center;
    align-items: center;
    justify-content: center;
	/* box-shadow: 2px 2px 3px #999; */
    box-shadow: 7px 7px 10px rgba(0,0,0,0.5);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #243f73;
    writing-mode: vertical-rl;
}

.float p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    /* font-style: italic; */
} 
/* ++++++++++ end: RESPONSVIE BEHAVIOUR banner +++++++++++ */


.schema{
    display: flex;
    flex-direction: row;
	position:fixed;
	width:20px;
	height:133px;
	top:60px;
	right:20px;
	/* background-color: transparent; */
	border-radius:6px;
	text-align:center;
    align-items: center;
    justify-content: center;
	/* box-shadow: 2px 2px 3px #999; */
    box-shadow: 7px 7px 10px rgba(0,0,0,0.5);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #243f73;
    writing-mode: vertical-rl;
}

    .schema-1 {
        display: flex;
        flex-direction: row;
	    /* position: fixed; */
	    width: 15px;
        height: 30px;
        /* background-color: var(--background7); */
        background-color: #efcef2;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 8px;
        font-weight: bold;
        align-items: center;
        justify-content: center;
    }
    .schema-2 {
        display: flex;
        flex-direction: row;
	    /* position: fixed; */
	    width: 15px;
        height: 30px;
        /* background-color: var(--background7); */
        background-color: #d9d2c4;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 8px;
        font-weight: bold;
        align-items: center;
        justify-content: center;
    }
    .schema-3 {
        display: flex;
        flex-direction: row;
	    /* position: fixed; */
	    width: 15px;
        height: 30px;
        /* background-color: var(--background7); */
        background-color: #abc9fb;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 8px;
        font-weight: bold;
        align-items: center;
        justify-content: center;
    }
    .schema-4 {
        display: flex;
        flex-direction: row;
	    /* position: fixed; */
	    width: 15px;
        height: 30px;
        /* background-color: var(--background7); */
        background-color: #c5dbc4;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 8px;
        font-weight: bold;
        align-items: center;
        justify-content: center;
    }

.schema p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    /* font-style: italic; */
}