@font-face 
{
    font-family: FOND;
    src: url(undertale_font.ttf);
}
body
{
    background-color: #1b1917;
    font-family: cursive;
}
.lvl
{
    font-family: FOND;
    color: white;
    text-align: center;
    position: absolute;
    top: calc(50% - 275px);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.actualGraph 
{
    background: #f5f5f5;    
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    right: 410;
    bottom: 0;
    margin: auto;
}
.expectedGraph 
{
    background: #f5f5f5;    
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 410;
    right: 0;
    bottom: 0;
    margin: auto;
}
.divv
{
    text-align:center;
    position: absolute;
    top: calc(50% + 217px);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.textbox
{ 
    font-family: FOND;
    font-size: 18px;
    width: 260px;
    height: 30px;
}
.btn
{
    font-family: FOND;
    font-size: 18px;
    width: 260px;
    height: 30px;
}
.ylabel
{
    font-family: FOND;
    font-size: 24;
    color: #f5f5f5;    
    position: absolute;
    top: calc(50% + 216px);
    left: calc(50% - 189px);
    right: 0;
    bottom: 0;
    margin: auto;
}
.manual
{
    font-family: FOND;
    font-size: 14;
    color: hsl(30, 8%, 40%);
    position: absolute;
    top: calc(50% + 315px);
    left: calc(50% - 405px);
    margin: auto;
}
.manualConst
{
    font-family: FOND;
    font-size: 14;
    color: hsl(30, 8%, 40%);
    position: absolute;
    top: calc(50% + 315px);
    left: calc(50% - 80px);
    margin: auto;
}
.manualFunc
{
    font-family: FOND;
    font-size: 14;
    color: hsl(30, 8%, 40%);
    position: absolute;
    top: calc(50% + 315px);
    left: calc(50% + 200px);
    margin: auto;
}