* {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

* {
    /* border: 1px solid rgba(0, 0, 0, 0.3); */
}

.newYear {
    float: right;
    padding-left: 3rem;
}

.nation{
  float: right;
}

#years{
  float: left;
}

.works{
  margin-top: 2rem;
}

#authorNick, #years, #oldName, .nation{
  font-size: 10pt;
}
.newLine, .newYear, .works {
    font-size: 12pt;
}

.line {
    margin-bottom: 1rem;
}

#rights {
    margin-top: 0rem;
}

.works {
    text-align: center;
    font-weight: bold;
}

.marginAuthors, #titles {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.authorLink, .newLine {
    cursor: pointer;
}

.sortButton{
  display: block;
  margin-left: auto;
  margin-right: 0;
}

@media only screen
/* and (min-device-width : 320px) */

and (max-device-width: 568px) {
    .newLine, .newYear, .works {
        font-size: 15pt;
    }
    .newLine {
        margin-left: 0rem;
    }
    .marginAuthors, #titles, .line {
        max-width: 100%;
        margin-top: 0;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .marginAuthors {
        font-size: 15pt;
    }
    #infoMaster {
        margin-left: 0rem;
    }
    #rights {
        font-size: 15pt;
    }
    .sortButton{
        width: 2.5rem;
        padding: 0.2rem;
        font-weight: bold;
    }
}