html body {
  font-family: 'Gentium Book Plus', serif;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  min-height: 100vh;
  background-color: #ececec; }
  html body * {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    box-shadow: none; }
  html body .btn {
    outline: none;
    border: none;
    box-shadow: none; }
    html body .btn:active {
      outline: none;
      border: none;
      box-shadow: none; }
    html body .btn:focus {
      outline: none;
      border: none;
      box-shadow: none; }
  html body header, html body footer {
    color: #ffffff;
    background-color: #385170; }
    html body header .navbar, html body footer .navbar {
      padding: 0; }
      html body header .navbar .navbar-brand, html body footer .navbar .navbar-brand {
        padding: 0; }
        html body header .navbar .navbar-brand a, html body footer .navbar .navbar-brand a {
          color: #ffffff;
          text-decoration: none;
          font-family: 'Inter', sans-serif;
          font-size: 3vw;
          line-height: 2.2;
          font-weight: 700;
          text-transform: uppercase; }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-brand a, html body footer .navbar .navbar-brand a {
              font-size: 6vw; } }
      html body header .navbar .navbar-collapse .user, html body footer .navbar .navbar-collapse .user {
        font-weight: 700; }
        html body header .navbar .navbar-collapse .user .logout, html body footer .navbar .navbar-collapse .user .logout {
          color: #ffffff;
          margin-left: .5vw; }
  html body main {
    padding-top: 8vw;
    padding-bottom: 2vw;
    min-height: calc(100vh - 5.9vw); }
    @media only screen and (max-width: 600px) {
      html body main {
        padding-top: 13vw;
        padding-bottom: 12vw;
        min-height: calc(100vh - 16.9vw); } }
    @media only screen and (max-width: 600px) {
      html body main .btn-login {
        font-size: 7vw; } }
    @media only screen and (max-width: 600px) {
      html body main .btn-login img {
        display: block;
        margin: 10vw auto;
        width: 40vw; } }
    @media only screen and (max-width: 600px) {
      html body main h1 {
        font-size: 2.125rem; } }
    @media only screen and (max-width: 600px) {
      html body main h3 {
        font-size: 1.5rem; } }
    html body main .film-area {
      max-height: calc(8.5vw * 5);
      overflow: hidden;
      overflow-y: auto; }
      html body main .film-area .film-row {
        border-bottom: solid 1px #9fd3c7;
        padding: 1vw 1vw 1vw 0;
        overflow: hidden;
        position: relative; }
        @media only screen and (max-width: 600px) {
          html body main .film-area .film-row {
            padding: 3vw 4vw 4vw 0; } }
        html body main .film-area .film-row p {
          font-size: 1vw;
          line-height: 1.6vw;
          font-family: 'Inter', sans-serif; }
          @media only screen and (max-width: 600px) {
            html body main .film-area .film-row p {
              font-size: 3.8vw;
              line-height: 5.2vw; } }
          html body main .film-area .film-row p.titolo {
            font-size: 1.4vw;
            font-weight: 700;
            font-family: 'Gentium Book Plus', serif;
            margin-bottom: .5vw; }
            @media only screen and (max-width: 600px) {
              html body main .film-area .film-row p.titolo {
                font-size: 5.4vw;
                line-height: 6.4vw; } }
        html body main .film-area .film-row .copertina {
          height: 6vw;
          width: 4vw;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          background-color: rgba(20, 45, 76, 0.15); }
          @media only screen and (max-width: 600px) {
            html body main .film-area .film-row .copertina {
              height: 18vw;
              width: 12.5vw; } }
        html body main .film-area .film-row .actions {
          position: absolute;
          right: -1px;
          top: 0;
          height: 100%;
          padding: 1vw;
          display: flex;
          align-items: center;
          background-color: rgba(255, 255, 255, 0.95);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
          transform: translate(calc(100% + 12px), 0);
          transition: all 0.2s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s;
          -webkit-transition: all 0.2s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s; }
          html body main .film-area .film-row .actions .azione {
            display: inline-block;
            overflow: hidden;
            border-radius: 50%;
            width: 3.5vw;
            height: 3.5vw;
            cursor: pointer;
            background-color: #ececec;
            background-size: 50%;
            background-repeat: no-repeat;
            background-position: center; }
            @media only screen and (max-width: 600px) {
              html body main .film-area .film-row .actions .azione {
                width: 10vw;
                height: 10vw;
                padding: 4vw; } }
            html body main .film-area .film-row .actions .azione.rebuy {
              background-color: #ff5959;
              background-size: 70%;
              background-image: url(../img/credit-card-broken-svgrepo-com.svg); }
            html body main .film-area .film-row .actions .azione.rebuied {
              background-color: #9fd3c7;
              background-size: 70%;
              background-image: url(../img/tick-svgrepo-com.svg); }
        html body main .film-area .film-row:last-child {
          border-bottom: none; }
        html body main .film-area .film-row:hover .actions {
          transform: translate(0, 0); }
    html body main input {
      display: block;
      width: 100%;
      padding: 1vw;
      line-height: 1;
      font-size: 1.4vw;
      margin: 1vw 0 2vw; }
      @media only screen and (max-width: 600px) {
        html body main input {
          font-size: 8vw;
          margin: 3vw 0 5vw; } }
    html body main #nuovo-inserimento {
      position: relative; }
      html body main #nuovo-inserimento #inserimento {
        z-index: 1; }
      html body main #nuovo-inserimento #invia-inserimento {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        height: 4vw;
        width: 4vw;
        cursor: pointer;
        opacity: 1;
        background-color: #385170;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../img/search-svgrepo-com.svg); }
        html body main #nuovo-inserimento #invia-inserimento.deactive {
          cursor: default;
          opacity: .4; }
        @media only screen and (max-width: 600px) {
          html body main #nuovo-inserimento #invia-inserimento {
            height: 13.8vw;
            width: 13.8vw; } }
    html body main #nuova-ricerca {
      position: relative; }
      html body main #nuova-ricerca #ricerca {
        z-index: 1; }
      html body main #nuova-ricerca #invia-ricerca {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        height: 4vw;
        width: 4vw;
        cursor: pointer;
        opacity: 1;
        background-color: #385170;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../img/search-svgrepo-com.svg); }
        html body main #nuova-ricerca #invia-ricerca.deactive {
          cursor: default;
          opacity: .4; }
        @media only screen and (max-width: 600px) {
          html body main #nuova-ricerca #invia-ricerca {
            height: 13.8vw;
            width: 13.8vw; } }
  html body footer .footer-area {
    padding: 2vw 0; }

/*# sourceMappingURL=movies.css.map */