@font-face { font-family:'main'; src:url("../comis/fonts/Lato-Regular.ttf");font-weight:normal;font-style:normal}
@font-face { font-family:'head'; src:url("../comis/fonts/KerkisSmallCaps.otf");font-weight:normal;font-style:normal}
@font-face { font-family:'bold'; src:url("../comis/fonts/Lato-Bold.ttf");font-weight:normal;font-style:normal}
@font-face { font-family:'it'; src:url("../comis/fonts/Lato-Italic.ttf");font-weight:normal;font-style:normal}
@font-face { font-family:'boldit'; src:url("../comis/fonts/Lato-BoldItalic.ttf");font-weight:normal;font-style:normal}
@font-face { font-family:'math'; src:url("../comis/fonts/GFSNeohellenicMath.otf");font-weight: normal;font-style: normal;}

* {margin:0;padding:0;}

html {font-family:"main"; font-size:15px; width:97%; margin-left:1%; min-width:960px;line-height:155%;box-sizing:border-box}

strong {font-family:'bold';font-weight: normal;font-style: normal;}
em {font-family:'it';font-weight: normal;font-style: normal;}
math{font-family:'math';font-weight: normal;font-style: normal;}
math{margin-top:20px;margin-bottom:20px;font-size:1.4rem}

#error {font-family:'main';border-left:solid 4px red;padding:5px;padding-left:10px;background:rgba(240,180,180,.25)}

h1{font-size:1.5rem}
h2{font-size:1.4rem}
h3{font-size:1.25rem}
h4{font-size:1.1rem}
h2,h3,h4{font-family:'it';font-weight: normal;font-style: normal;margin-top:20px;margin-bottom:10px}

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

header {font-size:1.4rem;margin-bottom:10px;}
header h1 {font-family:'head';float:left;width:fit-content;font-style:normal;font-weight:normal;cursor:pointer;color:darkblue;margin-bottom:10px}
header sup{color:darkred;margin-left:-4px;font-size:0.9rem;font-family:'bold'}

span#calendar {float:right;font-family:"main";font-size:0.9rem;margin-top:4px;}
article {min-height:88vh;margin-bottom:30px}

#editor_container {float:left;width:48%;display:inline-block;}
#editor {width: 100%; height: 90vh;font-family: monospace; border: 1px solid lightgray; background-color:rgba(230,240,250,.125); resize: vertical;font-size:0.9rem;line-height:140%}
#editor2 {width:72ch;font-family: monospace; border: 1px solid lightgray;background-color:rgba(230,240,250,.125); font-size:0.9rem;resize:none;margin-top:10px;margin-bottom:10px}

#menu_container {float:right;width:50%;clear:both;border-top:solid 1px lightgray;padding-top:8px}
#menu_container img:hover {cursor:pointer}
#menu_container img {float:left;width:22px;margin-right:16px;vertical-align:top}
#login_form{text-align:right}
#info {color:darkgreen;font-size:1.5rem;box-sizing:border-box;vertical-align:top}
#status {float:right;margin-left:30px;font-size:0.9rem}
#usr, #pwd {margin-right:6px}
#usr, #pwd {width:100px;}
#submit {width:70px;}
img#exit {float:right;margin-right:0px;padding-right:0px;margin-left:10px}

#results {float:right; width:50%; margin-top:16px;margin-bottom:20px}
#results img {border:solid 1px lightgray;margin-left:0}
.codes_par {font-family:'bold';}
#results span {color:darkblue; cursor:pointer}

#i_menu {float:left;width:18%}
#i_menu h4 {margin-bottom:10px;margin-top:20px;}
#instructions {width:70%;display:inline-block;margin-left:1%}

.chapter {width: fit-content;color:darkblue;cursor:pointer;display:block;}
.chapter:hover {opacity:.7}
#i_menu {margin-bottom:30px}
#i_menu li {width: fit-content;display:block;cursor:pointer}
#i_menu li:hover {opacity:.7}
span.code::before {content: "\25cf ";margin-right:4px}
span.code:hover::before {color:red;content: "\25cf ";;margin-right:4px}

table {text-align:center;margin-top:10px;border-spacing:0px;caption-side: bottom}
th, td,th { padding: 6px;}
th {border-bottom:solid 1px}
td,th {border-right:solid 1px}
td:last-child,th:last-child {border-right:none}

ul li{list-style-type:initial;margin-left:20px;}
article ul {padding-top:10px;padding-bottom:10px}
#i_menu ul {padding:initial}

caption {font-style:italic;font-size:0.9rem;text-align:left;margin-top:6px;width:100%;margin-bottom:10px}

figure {margin-left:0;padding:0}
figcaption {font-style:italic;font-size:0.9rem;}
.left {width:60%;border:solid 1px lightgray;}
 
blockquote p{font-family:'it';padding:20px;padding-left:40px;padding-right:10px;line-height:120%}
blockquote {margin-left:0;width: fit-content;}

.footnotes {margin-top:20px;border-top:solid 1px lightgray;padding-top:10px;font-family:'it'}
.footnotes li {list-style-type:none}
.footnotes a {margin-left:6px;color:darkred}
.footnote {color:darkred}

footer {font-family:'it';width:fit-content;}
footer p {font-size:1.rem;margin-bottom:10px;float:left;margin-top:0px}