@font-face{
    src: url('./OpenSans-Light.ttf');
    font-family:OpenSans;
}

@font-face{
    src: url('./PTM55FT.ttf');
    font-family:PTM;
}

*{
    padding:0;
    margin:0;
    color:rgb(240,240,240);
    font-family: OpenSans, sans-serif;
    font-weight: 100;
    letter-spacing:1px;
}

body,html{
    height:100%;
    background-color:rgb(20,30,40);
}

body>div{
    height:calc(100% - 40px);
    width:calc(25vw - 40px);
    padding:20px;
    position:absolute;
    right:0;
    overflow-y:scroll;
}

#main{
    width: calc(75vw - 40px);
    left:0;
    overflow:auto;
}

::-webkit-scrollbar {
    width: 8px;
    height:8px;
    background-color: rgb(25,25,25);
}

::webkit-scrollbar-track{
    background: white;
}

::-webkit-scrollbar-thumb {
    background: rgb(50,50,50);
    border-radius:5px;
}
h1,h2,h3,h4,h5,h6{
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:10px;
    margin-top:10px;
}

h1,h2{
    border-bottom:2px solid rgb(240,240,240);
}

code{
    padding:10px;
    background-color:rgb(40,40,40);
    display:inline-block;
}

a{
    font-weight: 600;
    color:rgb(50,200,240);
}

a:hover{
    color:rgb(240,240,240);
}

h3,h4{
    font-weight:800;
}

h4{
    font-size: 1.3em;
    border-bottom:1px solid rgb(240,240,240);
    display:inline-block;
    padding-left:15px;
    padding-right:15px;
}

.monospace{
    font-family: PTM, monospace;
    letter-spacing: 0px;
}

.indent{
    padding-left:1em;
    padding-right:1em;
}

#reference>a{
    font-size:1.6vw;
    display:block;
    text-align:left;
    margin-top:5px;
    letter-spacing:1px;
    font-weight:100;
    text-decoration:none;
}

#reference>a:hover{
    text-decoration:underline;
}