html{

    scroll-behavior:smooth;

}

body {

    display: flex;

    min-height: 100vh;

    flex-direction: column;

}



main {

    flex: 1 0 auto;

}



.menu{

    display: inline-block;

    margin-left: 30px;

    margin-top: 40px;

    margin-left: 34.5VW;

}

.menu a{

    font-family: "Roboto Black";

    color: white;

    text-decoration: none;

    font-size: 30px;

    margin-left: 0.5VW;

    padding: 5px 10px 5px 10px;

}

.menu a:hover{

    padding: 0px 5px 0px 5px;

    font-family: "Roboto Black";

    color: white;

    text-decoration: none;

    font-size: 30px;

    margin-left: 0.5VW;

    border: 5px solid transparent;

    border-radius: 20px;

    border-color: #c5a2de;

}

.content {

	padding-top: 1%;

    position: relative;

    min-height: 100%;

}

.centerblock {

    width: 96%;

    margin-left: 2%;

    padding-bottom: 5%;

    min-height: 100%;

}

.centerblock .navtitle{

    font-family: "Roboto Black";

    font-size: 60px;

    margin-left: 10%;

    text-decoration: underline;

}



.text {

    background: #fff;

    color: #000;

    margin: 0 auto;

    width: 100%;

    height: 220px;

    overflow-x: hidden;

    overflow-y: auto;

    padding: 0.5em;

    border: 1px solid #fff;

    border-radius: 3px;

    font-style: normal;

    font-size: 20px;

    line-height: 1.3em;

    margin-top: 2vh;

}



ol {

    list-style-type: upper-alpha;

}



li {

    display: list-item;

    text-align: -webkit-match-parent;

}



.btn{

    padding-bottom: 15px;

    background-color: white;

    border: none;

    border-radius: 50px;

    color: #297ED8;

    font-size: 18px;

    font-family: 'Roboto', sans-serif;

}

.act {

    padding-bottom: 15px;

    background: #26a69a;

    border: none;

    border-radius: 50px;

    color: white;

    font-size: 18px;

    font-family: 'Roboto', sans-serif;

}



.task {

    text-align: center;

    margin: 0 auto;

    margin-top: 2vh;

    margin-bottom: 4vh;

    font-size: 20px;

}



.task-char {

    color: deepskyblue;

    font-weight: bold;

}



.grid-wrapper-right-two-thirds {

    display: grid;

    grid-template-columns:

            1fr 85%;

    grid-gap: 20px;

    grid-template-areas: "units right-two-thirds";

}



#units {

    width: 100%;

    background: rgba(128, 0, 84, 0.15);

    margin-left: 2.5vh;

    position: relative;

    height: fit-content;

    height: -moz-max-content;

}

div[id^="units"] ol {

    list-style: none;

    counter-reset: li;

}



#units h1 {

    color: rgb(128, 0, 84);

}

div[id^="units"] li {

    /* padding-bottom: 5px; */

    min-height: 40px;

    /* color: white; */

    position: relative;

    margin-bottom: 1.5em;

    border-left: 1px solid gray;

    padding: 0.6em;

    border-radius: 4px;

}

#units li.selected >a {

    color: rgb(128, 0, 84) !important;

}

div[id^="units"] li:before {

    position: absolute;

    top: -0.2em;

    left: -1em;

    padding-left: 0.4em;

    padding-right: 0.4em;

    font-size: 4em;

    font-weight: bold;

    color: white;

    counter-increment: li;

    content: counter(li);

}

.selected {

    font-weight: bold;

}

.othersa{

    color: #625A5A;

}



div[id^="inputDiv"] input{

    border-bottom: 1px dotted;

    border-top: none;

    border-left: none;

    border-right: none;

    background: transparent;

}



.button_list{

    margin-top: 2vh;

    margin-bottom: 2vh;

}

.unselected a{

    color: #625A5A !important;

}

.menu-buttons{

    margin-top: 5.5vh;

}

.menu-button{

    margin-left: 0.81vh;

    margin-bottom: 0.81vh;

}

.post{

    position: relative;

}

.blueAboutText{

    color: #005cbf;

}

.pdf_link_a{

    padding: 22px 20px 22px 20px;

    position: fixed;

    right: 5%;

    bottom: 3%;

    z-index: 1000;

    background-color: #711840;

    border-radius: 1000px;

    font-size: 20px;

    font-family: Roboto Black;

    color: white;

    text-decoration: none;

    color: white;

}

.pdf_link_a:hover{

    background-color: #711840;

    color: white;

    text-decoration: none;

}



div[id^="inputDiv"] .err_field{

    border-width: 2px;

    border-color: red;

}

.centerblock_about{

    width: 96%;

    margin-left: 2%;

    background-color: white;

    padding-bottom: 5%;

    min-height: 100%;

    padding-left: 10%;

    padding-right: 10%;

}



nav .brand-logo {

    padding-left: 7px;

    margin-bottom: 7px;

    margin-top: 7px;

}



nav {

    position: relative;

    height: 80px;

}



.tbl{

    margin-top: 5px;

}



.checker{

    margin-block-end: 0px;

}

.author-quote{

    text-align: right;

    padding-top: 10px;

    font-size: small;

}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {

	color: #006699;

	margin-right: 34px;

}

.card .card-action a:hover {

	color: #ee6e73;

	margin-right: 34px;

}
.row a {
    font-weight: 600;
}
.mdt{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-left: 7px;
    margin-bottom: 7px;
    margin-top: 3px;
    text-align: center;
}
#nav-mobile{
	height: inherit;
}
.mdt{
	padding: 0 0 0 0;
	line-height: 2;
	height: inherit;
	vertical-align: middle;
}