* {
    color: white;

    font-family: "Kenney Pixel";
    font-size: 20pt;
    line-height: 15pt;

    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

@font-face {
    font-family: "Kenney Pixel" , "Kenney Rocket";
    src: url("Assets/Fonts/Kenney Pixel.ttf"), url("Assets/Fonts/Kenney Rocket.ttf");
}

/* Global Variables */

p {
    font-family: "Kenney Pixel";
    font-size: 24pt;
    line-height: 15pt;
    margin: 10px;
}

h1 {
    font-family: "Kenney Rocket";
    font-size: 32pt;
    line-height: 32pt;
    margin: 10px;

    text-align: left;
}

h2 {
    font-family: "Kenney Rocket";
    font-size: 24pt;
    line-height: 12pt;
    margin: 10px;
}

hr {
    margin: 10px;
}

div {
    align-self: left;
    position: absolute;

    border: 7px;
    border-image: url("Art/border.png") 7 / 7pt stretch;
    border-image-slice: 7 fill;

    margin: 5px;
    padding: 2em;
}
body {
    background-image: url("Art/Grid.png"), url("Art/sky.jpg");
    background-size: auto, cover;

    width: 100%;
    height: 100%;
}

ol {
    transform: scale(75%);
    list-style: lower-roman;
}

ol li {
    font-size: 24pt;
}

ul li {
    font-size: 24pt;
    line-height: 24pt;
    font-family: "Kenney Rocket";
}
time h1 {
    font-size: 32pt;
    line-height: 32pt;
    font-family: "Kenney Rocket";
}


/* This is for specific Border Rule sets. */

.main-block {
    width: 25%;
    height: 75%;

    top: 50%;
    right: 30%;

    overflow-y: scroll;

    transform: translate(50%, -50%);
}

.logo {
    position: fixed;

    top: 35%;
    left: 200px;

    width: 270px;
    height: 270px;
}

#calc {
    position: relative;
    left: 70%;
    font-family: "Kenney Rocket";

}