body {
    margin: 1.45rem;
    background: ghostwhite;
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.44em;
    max-width: 100%;
    position: relative; 
  letter-spacing: .0723em;
  font-weight: 400;
}
mark{
    padding-left: 0.126rem;
    padding-right: 0.126rem;
  }
hr{
    border: 0.618px solid grey;
}
a{
    color: blue;
text-decoration:none;
}
img {
    height: 100%;
    white-space: nowrap;
}
@media (max-width: 480px) {
    body {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
}
#title {
    right: 0;
    text-align: right;
    position: absolute;
}
#text {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 550px;
    
}
#table {
    white-space: unset;
    word-wrap: normal;
}
#info-text {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 550px;
}
#temp {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 100%;
    text-align: center;
}
@media (hover: hover) and (pointer: fine) {
    a:hover {
        color: ghostwhite;
        text-shadow:
        1px 0px 0 blue,  
        -1px 0px 0 blue,  
        0px -1px 0 blue,  
        0px 1px 0 blue;  
    }
}