:root{
    --background: #76F9DF;
    --main: #469827;
    --highlight: #F2AB27;
    --text: #0669BF;
    --other: #BF4226;
    --neutral: #FFF6DA;
}
*{
    margin:0;
    padding:0;
}
body{
    background-color: var(--background);
    font-family: 'Antic';
    max-width: 1000px;
    min-width: 700px;
    width: 100%;
    margin: auto;
}
header,main,footer{
    background-color: var(--main);
    margin: 30px;
    padding: 5px;
    color: var(--other);
    clear:both;
}
div{
    padding: 10px;
  margin: 20px;
    color: var(--text);
    clear:both;
    background-color: var(--neutral);
}
.list{
    margin-left: 20px;
}
h1{
    font-size: 40px;
    color: var(--other);
}
h2{
    font-size: 30px;
    color: var(--other);
}
h3{
    font-size: 23px;
}
h4{
    font-size: 20px;
}
h5,th{
    font-size: 17px;
}
h6{
    font-size: 16px;
}
p,li,a,td,code,ul,ol{
    font-size: 15px;
    /*color: rgb(123,49,180);*/
    color: var(--text);
}
.heading{
    text-decoration-line: underline;
    text-decoration-color: var(--highlight);
}
.title{
    text-align: center;
}
img{
    width:100%;
    max-width:700px;
}