@media screen and (max-width: 640px)
{
    .headerLogo
    {
       width:10%!important;
       margin:auto;
       padding:auto;
    }
}

body {
    font-size: 2rem;
}

pre {
    font-size: 1.6rem;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}


.rotating {
    -webkit-animation: rotating 2s linear infinite;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    background-color: lightgray;
    color: black;
    text-align: center;
    font-size: 12px;
}

@media all and (max-device-width: 720px){
    body {
        font-size: 1.6rem;
    }

    pre {
        font-size: 1.2rem;
    }
}

@media all and (max-device-width: 640px){
    body {
        font-size: 1.4rem;
    }

    pre {
        font-size: 1.0rem;
    }
}

@media all and (max-device-width: 320px){
    body {
        font-size: 1.2rem;
    }

    pre {
        font-size: 0.8rem;
    }
}