body {
    margin-top: 8rem;
    margin-bottom: 8rem;
    height: auto;
    font-family: 'Noto Serif', serif;
}
.centratutto {
    /* border: violet 2px solid; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10vh;
}

.work-card{
    /* border: aqua 2px solid; */
    /* height: 30vh; */
    width: 70vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex: column; */

    font-size: 4vw;
    font-weight: bold;
}

a{
    color: rgb(213, 217, 220);
    transition: all .15s ease;
}

.main-name {
    cursor: default;
}

a:hover {
    color: rgb(112, 167, 234);;
    text-decoration: underline;
}

.noUnderline:hover {
    text-decoration: none;
}

.main-name:hover a{
    color: rgb(112, 167, 234);;
    text-decoration: underline;
}

.final-text {
    color: gray;
    font-style: italic;
}

.page-title {
    position: absolute;
    top: 4rem;
    width: 5rem;
    /* background-color: violet; */
    left: calc(50vw - 2.7rem);
    text-align: center;
    font-style: italic;
    font-size: .7rem;
    opacity: .8;
}

@media (orientation: portrait) {
  .work-card {
      font-size: 6vw;
  }
}