@font-face {
    font-family: "orange_juice";
   /* src: url(/orange_juice.ttf) format("truetype"); */
    /*src: url(/unicorns_are_awesome.ttf) format("truetype"); */
    /* src: url(/love_and_sunshine.ttf) format("truetype"); */
     src: url(/love_and_sunshine.ttf) format("truetype");
}

@font-face {
    font-family: "unicorns_are_awesome";
    /* src: url(/orange_juice.ttf) format("truetype"); */
    /*src: url(/unicorns_are_awesome.ttf) format("truetype"); */
    /* src: url(/love_and_sunshine.ttf) format("truetype"); */
    src: url(/unicorns_are_awesome.ttf) format("truetype");
}

h1 {
    font-family: "orange_juice",Georgia,serif;
    font-size: 4.4em;
    text-align: center;
    color: white;
}
h2 {
    font-family: "orange_juice",Georgia,serif;
    font-size: 2em;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: -50px;
}
a {
    color: white;
}
body {
    position: relative;
    top: 20px;
    font-family: "unicorns_are_awesome",Georgia,serif;;
    background-image: url("/images/background3.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    padding: 10px;
    height: 100vh;
}
input {
    font-family: "unicorns_are_awesome",Georgia,serif;;
    font-size: 1.2em;
    opacity: 0.6;
}
.text {
    height: 800px;
    font-size: 1.5em;
    color: #ffffff;
    top: 220px;
    width: 80%;
    left: 10%;
    text-align: center;
    position: relative;
    float: none;
}
a {
    color: aliceblue;
}
.statistic td {
    width: 33vw !important;
}