:root{
    padding: 2%;
}

body{
    background-image: url(pattern.jpg);
    background-repeat: repeat;
    padding: inherit;
}

.ex_img{
    height: auto;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
}

h1{
    color: #0A20A0;
    font-family: courier;
    font-weight: bold;
    text-align: center;
    font-size: 35px; 
}

h2{
    color: #0A20A0;
    font-weight: bold;
}

h3{ color: #0A20A0;
    font-size: medium;
    font-weight: bold; 
}

h4{
    color: #0A20A0;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
}

h5{
    color: #0A20A0;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

h6{
    color: #0A20A0;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
}

hr{
    border: 1px solid darkgray;
}

strong{
    color: #0A20A0;
}

.greek_head{
    color: darkblue;
    font-family: Papyrus;
    font-size: 22px;
}

.dictionary{
    font-family: Papyrus;
    text-align: left; 
    margin-right: 25%;
    margin-left: 25%;
}

a:link{
    color: #223CD4;
    }

a:visited{
    color: #4700A9;
}

a:hover{
    color: #001C82;
    text-decoration-style: double;
    outline: black;
}

p {
  padding: 5px;
}

head{
    color: #3350F9;
}

table{
    border-color: rgb(0, 0, 0);
    border-collapse: collapse;
    width: 100%;
    font-size: 18px;
}

.table_index{
    table{
    border-color: rgb(0, 0, 0);
    border-collapse: collapse;
    font-size: 18px;
}
}

td, th {
  border: 1px solid #b9b9b9;
  text-align: center;
  padding: 8px;
}

img {
    max-width:100%;
    height: auto;
}

.mathbox{
    border:3px solid darkgrey;
    border-radius: 20px;
    padding: 5%;
    text-align: center;
    background: white;
}

.textbox{
    border:3px solid darkgrey;
    border-radius: 20px;
    padding: 5%;
    text-align: left;
    background: white;
}

.homebox{
    border: 3px;
    padding: 20px;
    margin: auto;
    width: 75%;
    background: whitesmoke;
    border-style: groove;
    border-top-width: thick;
}

.codeblock{
    border:1px solid white;
    padding: 10px;
    background: snow;
    border-style: groove;
    border-top-width: thick;
    border-right-width: thick;
    border-left-width: thick;
    border-bottom-width: thick;
    font-weight: bold;
}

.column {
  float: left;
  width: 50%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.indexpage{
    justify-content: center; 
    align-items: center; 
    display: flex;
    margin-left: 10%;
    margin-right: 10%;
    }

.logo{
}

.pagelist{
}

@media screen and (max-width : 906px){
 .logo{
 visibility:hidden;
 }
 .pagelist{
 width: 100%;
 height: 100%;
 text-align: center;
 margin-left: -45%;
 }
 .dictionary{
    text-align: center; 
    margin-left: -10%;
    margin-right: 0%
 }
}