/*Phone Configuations*/
body{
    color: #2DC7FF;
    background-color: #102542;
}
.headtitle{
    margin-top: -1rem;
    text-align: center;
    font-size: 200%;
}
.title{
    margin-top: -0rem;
    text-align: center;
    font-size: 300%;
}
.year{
    text-align: center;
    font-size: 500%;
}
.lastupdate{
    text-align: right;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.sign{
    position: absolute;
    text-align: left;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
.graphs{
    text-align: left;
    position: relative;
    font-size: 100%;
}
.graphsize{
    height: 100%;
    width: 100%;
}
a {
	color: #2DC7FF;
}
.infotext{
    margin: 30rem;
    text-align: left;
    position: relative;
    font-size: 200%;
}
/*PC Configuations*/
@media screen and (min-width: 600px) {
    body{
        color: #2DC7FF;
        background-color: #102542;
    }
    .headtitle{
        margin-top: 10rem;
        text-align: center;
        font-size: 800%;
    }
    .title{
        margin-top: 10rem;
        text-align: center;
        font-size: 800%;
    }
    .year{
        margin: 10rem;
        text-align: center;
        font-size: 1500%;
    }
    .lastupdate{
        text-align: right;
    }
    .sign{
    position: absolute;
    text-align: left;
    margin-left: 1rem;
    margin-bottom: 1rem;
    }
    .graphs{
        margin: 30rem;
        text-align: left;
        position: relative;
        font-size: 200%;
    }
    a {
	color: #2DC7FF;
    }   
    .infotext{
        margin: 30rem;
        text-align: left;
        position: relative;
        font-size: 200%;
    }
}

