* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: 'Quicksand', sans-serif;
  outline: none; }

header {
  height: 124pt; }
  header .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 124pt;
    background: #FFFFFF;
    border: 2pt rgba(112, 112, 112, 0.16) solid;
    padding: 0 42pt; }
    header .container #left img {
      width: 26pt; }
    header .container #center h2 {
      font-size: 32pt;
      font-weight: bold;
      line-height: 46pt; }
    header .container #right img {
      width: 76pt; }

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
  margin-top: -200pt; }
  footer .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 41.54pt;
    background-image: url("../asset/images/footer_background2.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    filter: drop-shadow(0 -20px 40px rgba(0, 0, 0, 0.08));
    padding-top: 52pt; }
    footer .container #play-button {
      position: relative;
      top: 16pt; }
      footer .container #play-button img {
        width: 121pt;
        margin-left: 9pt;
        position: relative;
        bottom: 40pt;
        filter: drop-shadow(0 -20pt 40pt rgba(0, 0, 0, 0.08)); }
    footer .container #left-foot img, footer .container #right-foot img {
      height: 42pt; }

.main {
  background-color: #F7F7F7;
  width: 100%; }

.rubrica-box {
  display: flex;
  flex-direction: column; }
  .rubrica-box .search-box {
    background: #FFFFFF;
    padding: 23pt;
    border-radius: 12pt;
    display: flex;
    align-items: center;
    box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05);
    margin: 34pt;
    height: 100pt; }
    .rubrica-box .search-box img {
      width: 30pt;
      margin: 0 48pt 0 50pt; }
    .rubrica-box .search-box input {
      font-size: 22pt;
      color: rgba(0, 0, 0, 0.5);
      font-weight: bold;
      border: none; }
  .rubrica-box .contact-list {
    margin-bottom: 100pt; }
    .rubrica-box .contact-list .contact-box {
      margin: 0 34pt 20pt 34pt; }
      .rubrica-box .contact-list .contact-box .info-row {
        background: #FFFFFF;
        padding: 23pt;
        border-radius: 12pt;
        display: flex;
        align-items: center;
        box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05);
        justify-content: space-between; }
        .rubrica-box .contact-list .contact-box .info-row img.profilo {
          width: 65pt; }
        .rubrica-box .contact-list .contact-box .info-row .name-box {
          width: 100%;
          font-size: 28pt;
          font-weight: bold;
          padding-left: 30pt; }
        .rubrica-box .contact-list .contact-box .info-row .plus {
          width: 32pt; }
    .rubrica-box .contact-list .open .info-row {
      border-radius: 12pt 12pt 0 0 !important; }
    .rubrica-box .contact-list .open .show .contatti {
      height: 111pt;
      background: #FFFFFF;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 36pt;
      font-size: 25pt;
      color: rgba(0, 0, 0, 0.56);
      border-top: 1pt solid rgba(0, 0, 0, 0.05);
      font-weight: 500;
      box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05); }
      .rubrica-box .contact-list .open .show .contatti .icona {
        width: 35pt;
        margin-right: 48pt; }
      .rubrica-box .contact-list .open .show .contatti .phone {
        width: 26pt;
        margin-right: 60pt; }
    .rubrica-box .contact-list .open .show .last {
      border-radius: 0 0 12pt 12pt !important; }
  .rubrica-box .hidden {
    display: none !important; }

#market-box {
  display: flex;
  flex-direction: column; }
  #market-box #upper-box {
    position: relative;
    height: 485pt;
    background-image: url("../asset/images/Polaroid.png");
    /*da eliminare*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 271pt;
    background-color: #E3E3E3;
    /*fino a qui*/ }
    #market-box #upper-box #evidenza-box {
      display: flex;
      justify-content: space-between;
      padding: 32pt 34pt 0 34pt; }
      #market-box #upper-box #evidenza-box #grey-box {
        height: 48pt;
        background-color: #C7C7C7;
        font-size: 18pt;
        font-weight: bold;
        letter-spacing: 5.8pt;
        padding: 14pt 24pt;
        -webkit-border-radius: 12pt;
        -moz-border-radius: 12pt;
        border-radius: 12pt; }
      #market-box #upper-box #evidenza-box #product-image {
        width: 34pt; }
    #market-box #upper-box #descrizione {
      position: absolute;
      bottom: 14pt;
      left: 34pt; }
      #market-box #upper-box #descrizione h3 {
        font-size: 32pt; }
      #market-box #upper-box #descrizione p {
        font-size: 25pt;
        line-height: 49pt; }
  #market-box #label-box {
    width: 100%;
    height: 107pt;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    font-size: 29pt;
    font-weight: bold; }
    #market-box #label-box .selected {
      color: black !important;
      border-bottom: 4pt solid #a31316; }
    #market-box #label-box div {
      width: calc(100%/3);
      color: rgba(0, 0, 0, 0.4);
      height: 117pt;
      line-height: 124pt; }
  #market-box #sale-box {
    padding: 30pt; }
    #market-box #sale-box .item-box:nth-child(odd) {
      float: left;
      width: 50%;
      padding: 12pt;
      position: relative; }
      #market-box #sale-box .item-box:nth-child(odd) .item {
        width: 100%; }
      #market-box #sale-box .item-box:nth-child(odd) .cuore {
        position: absolute;
        right: 24pt;
        top: 24pt;
        width: 66pt; }
    #market-box #sale-box .item-box:nth-child(even) {
      float: right;
      width: 50%;
      padding: 12pt;
      position: relative; }
      #market-box #sale-box .item-box:nth-child(even) .item {
        width: 100%; }
      #market-box #sale-box .item-box:nth-child(even) .cuore {
        position: absolute;
        right: 24pt;
        top: 24pt;
        width: 66pt; }
    #market-box #sale-box:after {
      content: "";
      clear: both;
      display: table; }

#market-item-container #main-image {
  position: relative; }
  #market-item-container #main-image #big-img {
    width: 100%;
    padding: 21pt 34pt 15pt 34pt; }
  #market-item-container #main-image .more {
    position: absolute;
    top: 60pt;
    right: 70pt;
    width: 35pt; }
#market-item-container #scrolling-img {
  padding: 0 34pt; }
  #market-item-container #scrolling-img #img-container {
    display: flex;
    flex-direction: row;
    overflow-y: scroll; }
    #market-item-container #scrolling-img #img-container div {
      height: 172pt;
      padding: 0 21pt 0 0; }
      #market-item-container #scrolling-img #img-container div img {
        height: 172pt; }
    #market-item-container #scrolling-img #img-container::-webkit-scrollbar {
      display: none; }
#market-item-container #description-box {
  padding: 34pt;
  font-size: 28pt;
  letter-spacing: 1.7pt;
  font-weight: 500; }
  #market-item-container #description-box #price-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px; }
    #market-item-container #description-box #price-box p {
      font-size: 28pt;
      letter-spacing: 1.7pt;
      font-weight: 500; }
    #market-item-container #description-box #price-box img {
      width: 68pt; }
  #market-item-container #description-box p {
    font-size: 11pt;
    letter-spacing: 1.7pt;
    font-weight: 500; }
#market-item-container #user-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 34pt; }
  #market-item-container #user-info #profile-img {
    width: 76pt; }
  #market-item-container #user-info .name {
    width: 100%;
    font-size: 28pt;
    font-weight: 500;
    padding-left: 20pt; }
  #market-item-container #user-info #overlapping {
    display: flex; }
    #market-item-container #user-info #overlapping div {
      height: 50pt;
      margin-left: -16px; }
      #market-item-container #user-info #overlapping div img {
        height: 50pt; }
    #market-item-container #user-info #overlapping #last-img {
      background: black;
      width: 50pt;
      height: 50pt;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: relative; }
      #market-item-container #user-info #overlapping #last-img small {
        color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 15pt; }
#market-item-container #contatti-box {
  display: flex;
  justify-content: space-around;
  padding: 40pt 28pt;
  margin-bottom: 150pt; }
  #market-item-container #contatti-box button {
    height: 84pt;
    font-size: 28pt;
    border: 1pt solid black;
    width: 100%;
    -webkit-border-radius: 12pt;
    -moz-border-radius: 12pt;
    border-radius: 12pt;
    margin: 0 8pt;
    text-align: center;
    line-height: 80pt;
    font-size: 25pt;
    font-weight: 500;
    background: transparent; }

#listato-chat-container #header-profilo {
  position: relative; }
  #listato-chat-container #header-profilo #profilo {
    width: 100%; }
  #listato-chat-container #header-profilo #more {
    width: 33pt;
    position: absolute;
    top: 48px;
    right: 85px; }
  #listato-chat-container #header-profilo #info-utente {
    position: absolute;
    color: white;
    font-size: 26pt;
    bottom: 46px;
    left: 46px;
    letter-spacing: 1.4pt; }
#listato-chat-container .search-box {
  background-color: #F7F7F7;
  display: flex;
  align-items: center;
  margin: 34pt;
  height: 100pt;
  -webkit-border-radius: 12pt;
  -moz-border-radius: 12pt;
  border-radius: 12pt; }
  #listato-chat-container .search-box img {
    width: 30pt;
    margin: 0 48pt 0 50pt; }
  #listato-chat-container .search-box input {
    font-size: 22pt;
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    background: #F7F7F7;
    border: none; }
#listato-chat-container #lista-contatti .chat-box {
  padding: 34pt;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #listato-chat-container #lista-contatti .chat-box .chat-img {
    width: 83pt;
    height: 83pt;
    -webkit-border-radius: 12pt;
    -moz-border-radius: 12pt;
    border-radius: 12pt; }
  #listato-chat-container #lista-contatti .chat-box .user-info {
    width: 100%;
    margin-left: 28pt; }
    #listato-chat-container #lista-contatti .chat-box .user-info h4 {
      font-size: 27pt; }
    #listato-chat-container #lista-contatti .chat-box .user-info p {
      font-size: 23pt; }
  #listato-chat-container #lista-contatti .chat-box .orario {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 22pt;
    font-weight: 500; }
    #listato-chat-container #lista-contatti .chat-box .orario img {
      width: 32pt;
      margin-top: 15pt; }
#listato-chat-container hr {
  margin: 0 34pt;
  border-top: 1px solid rgba(141, 141, 141, 0.2); }

#interno-chat {
  margin-bottom: 150pt; }
  #interno-chat #header-profilo {
    position: relative; }
    #interno-chat #header-profilo #profilo {
      width: 100%; }
    #interno-chat #header-profilo #more {
      width: 33pt;
      position: absolute;
      top: 48px;
      right: 85px; }
    #interno-chat #header-profilo #info-utente {
      position: absolute;
      color: white;
      font-size: 26pt;
      bottom: 46px;
      left: 46px;
      letter-spacing: 1.4pt; }
  #interno-chat #chat-container {
    margin-bottom: 150pt; }
    #interno-chat #chat-container .chat {
      padding: 36pt;
      text-align: center; }
      #interno-chat #chat-container .chat small {
        font-size: 21pt;
        font-weight: 500; }
      #interno-chat #chat-container .chat .message {
        height: auto;
        border-radius: 10px;
        padding: 25pt;
        margin: 33pt 0 0 0;
        text-size-adjust: none;
        clear: right;
        font-size: 22pt;
        font-weight: 500; }
      #interno-chat #chat-container .chat .immagine {
        width: 350pt;
        background: white !important;
        margin-top: 33pt; }
        #interno-chat #chat-container .chat .immagine img {
          width: 100%; }
      #interno-chat #chat-container .chat .sent {
        background: #B0E2A9;
        float: right;
        border-radius: 100px 100px 0 100px;
        margin-bottom: 33pt; }
      #interno-chat #chat-container .chat .ricevuto {
        background-color: #F7F7F7;
        border-radius: 100px 100px 100px 0;
        display: table; }
  #interno-chat #send-message-box {
    display: flex;
    justify-content: space-between;
    border-top: 2pt solid rgba(141, 141, 141, 0.2);
    margin-bottom: 100pt;
    padding: 34pt; }
    #interno-chat #send-message-box #allegato {
      width: 27pt; }
    #interno-chat #send-message-box input {
      font-size: 24pt;
      font-weight: 500;
      width: 100%;
      margin-left: 20pt; }
    #interno-chat #send-message-box #invio-button {
      width: 90pt; }

#profilo-box #header-profilo {
  position: relative; }
  #profilo-box #header-profilo #profilo {
    width: 100%; }
  #profilo-box #header-profilo #more {
    width: 33pt;
    position: absolute;
    top: 48px;
    right: 85px; }
  #profilo-box #header-profilo #info-utente {
    position: absolute;
    color: white;
    font-size: 26pt;
    bottom: 46px;
    left: 46px;
    letter-spacing: 1.4pt; }
#profilo-box #section-nav {
  width: 100%;
  height: 107pt;
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  font-size: 29pt;
  font-weight: bold; }
  #profilo-box #section-nav .selected {
    color: black !important;
    border-bottom: 4pt solid #a31316; }
  #profilo-box #section-nav div {
    width: calc(100%/3);
    color: rgba(0, 0, 0, 0.4);
    height: 117pt;
    line-height: 124pt; }
#profilo-box #inner-section-container {
  padding: 34pt;
  margin-bottom: 100pt; }
  #profilo-box #inner-section-container .single-section {
    margin-bottom: 40pt; }
    #profilo-box #inner-section-container .single-section .box {
      background: #FFFFFF;
      padding: 23pt;
      border-radius: 12pt;
      display: flex;
      align-items: center;
      box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05);
      padding: 35pt !important;
      justify-content: space-between; }
    #profilo-box #inner-section-container .single-section .title-box {
      margin-bottom: 20pt;
      font-size: 25pt;
      font-weight: bold; }
      #profilo-box #inner-section-container .single-section .title-box img {
        width: 21pt; }
    #profilo-box #inner-section-container .single-section .description-box {
      flex-direction: column;
      align-items: baseline;
      line-height: 45pt; }
      #profilo-box #inner-section-container .single-section .description-box p {
        font-size: 25pt;
        font-weight: bold; }
      #profilo-box #inner-section-container .single-section .description-box span {
        font-size: 23pt;
        font-weight: 500; }

#eventi-container #header-data {
  background-color: #FFFFFF;
  border-radius: 0 0 24pt 24pt;
  box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05); }
  #eventi-container #header-data #mese {
    display: flex;
    justify-content: space-between;
    padding: 40pt 34pt;
    flex-direction: row; }
    #eventi-container #header-data #mese p {
      font-size: 30pt;
      font-weight: bold; }
    #eventi-container #header-data #mese img {
      width: 24pt; }
  #eventi-container #header-data #giorni {
    padding: 40pt 40pt 53pt 40pt;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 27pt;
    font-weight: 500;
    position: relative; }
    #eventi-container #header-data #giorni .evento {
      border: 5pt solid #a31316;
      border-radius: 66pt;
      padding: 18pt;
      position: relative;
      bottom: 22pt; }
    #eventi-container #header-data #giorni .today {
      border: 5pt solid #9A9A9A;
      border-radius: 66pt;
      padding: 18pt;
      position: relative;
      bottom: 22pt; }
  #eventi-container #header-data #linea {
    width: 64pt;
    border-top: 5pt solid #DADEF0;
    margin: auto;
    position: relative;
    bottom: 32pt; }
#eventi-container #listato-eventi {
  padding: 34pt;
  margin-bottom: 87pt; }
  #eventi-container #listato-eventi .singolo-evento {
    margin-bottom: 39pt; }
    #eventi-container #listato-eventi .singolo-evento .data-evento {
      font-size: 29pt;
      font-weight: bold;
      color: #B12121;
      padding: 34pt !important;
      margin-bottom: 20pt; }
      #eventi-container #listato-eventi .singolo-evento .data-evento img {
        height: 34pt; }
    #eventi-container #listato-eventi .singolo-evento .descrizione-evento {
      font-size: 23pt;
      line-height: 52pt; }
      #eventi-container #listato-eventi .singolo-evento .descrizione-evento .titolo-evento {
        flex-direction: column;
        align-items: flex-start;
        font-weight: bold;
        padding: 34pt;
        border-radius: 12pt 12pt 0 0 !important;
        border-bottom: 1pt solid rgba(141, 141, 141, 0.2); }
      #eventi-container #listato-eventi .singolo-evento .descrizione-evento .description-box {
        border-radius: 0 0 12pt 12pt !important; }
    #eventi-container #listato-eventi .singolo-evento .box {
      background: #FFFFFF;
      padding: 23pt;
      border-radius: 12pt;
      display: flex;
      align-items: center;
      box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05);
      justify-content: space-between; }

#homepage {
  padding-bottom: 200pt; }
  #homepage #header-profilo {
    position: relative; }
    #homepage #header-profilo #profilo {
      width: 100%; }
    #homepage #header-profilo #more {
      width: 33pt;
      position: absolute;
      top: 48px;
      right: 85px; }
    #homepage #header-profilo #info-utente {
      position: absolute;
      color: white;
      font-size: 26pt;
      bottom: 46px;
      left: 46px;
      letter-spacing: 1.4pt; }
  #homepage .search-box {
    background-color: white;
    display: flex;
    align-items: center;
    margin: 34pt;
    height: 100pt;
    -webkit-border-radius: 12pt;
    -moz-border-radius: 12pt;
    border-radius: 12pt;
    box-shadow: 0 6pt 6pt rgba(0, 0, 0, 0.05); }
    #homepage .search-box img {
      width: 30pt;
      margin: 0 48pt 0 50pt; }
    #homepage .search-box input {
      font-size: 30pt;
      font-weight: bold;
      background: white;
      border: none; }
  #homepage .titolo {
    font-size: 32pt;
    font-weight: bold;
    padding: 0 0 40pt 34pt; }
  #homepage #sezioni-box {
    padding: 0 34pt 34pt 34pt; }
    #homepage #sezioni-box #sezioni {
      display: flex;
      flex-direction: row;
      overflow-y: auto;
      padding-bottom: 20pt; }
      #homepage #sezioni-box #sezioni::-webkit-scrollbar {
        display: none; }
      #homepage #sezioni-box #sezioni .sezione {
        height: 503px;
        margin: 0 34pt 0 0;
        background: white;
        border-radius: 12pt;
        box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05);
        padding: 34pt;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        #homepage #sezioni-box #sezioni .sezione img {
          width: 112pt;
          margin-right: 198pt; }
        #homepage #sezioni-box #sezioni .sezione h4 {
          font-size: 32pt; }
        #homepage #sezioni-box #sezioni .sezione p {
          font-size: 26pt;
          color: rgba(0, 0, 0, 0.58);
          font-weight: 500; }
  #homepage #eventi-box {
    padding: 0 34pt; }
    #homepage #eventi-box .evento {
      background: white;
      padding: 40pt;
      display: flex;
      justify-content: space-between;
      margin-bottom: 20pt;
      box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05);
      border-radius: 12pt;
      align-items: center; }
      #homepage #eventi-box .evento .icona-evento {
        width: 125pt;
        margin-right: -100pt; }
      #homepage #eventi-box .evento .descrizione-evento .titolo-evento {
        font-size: 34pt;
        font-weight: bold;
        margin-bottom: 15pt; }
      #homepage #eventi-box .evento .descrizione-evento .data {
        font-size: 25pt;
        color: rgba(0, 0, 0, 0.6); }
      #homepage #eventi-box .evento .stella {
        width: 36pt; }

#mensa-box {
  margin-bottom: 120pt; }
  #mensa-box #categorie-mensa {
    padding: 0 34pt;
    background-image: url("../asset/images/Background.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    filter: drop-shadow(0 6px 23px rgba(0, 0, 0, 0.08)); }
    #mensa-box #categorie-mensa h2 {
      font-size: 34pt;
      font-weight: bold;
      padding: 34pt 0; }
    #mensa-box #categorie-mensa #scrolling-section {
      display: flex;
      flex-direction: row;
      overflow-y: auto;
      padding-bottom: 100pt; }
      #mensa-box #categorie-mensa #scrolling-section .categoria-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        background: #F7F7F7;
        padding: 30pt;
        border-radius: 12pt;
        box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.1);
        margin: 0 28pt 0 0; }
        #mensa-box #categorie-mensa #scrolling-section .categoria-box img {
          height: 72pt;
          padding-right: 12pt; }
        #mensa-box #categorie-mensa #scrolling-section .categoria-box h4 {
          font-size: 30pt; }
      #mensa-box #categorie-mensa #scrolling-section::-webkit-scrollbar {
        display: none; }
  #mensa-box #lista-piatti {
    padding: 34pt; }
    #mensa-box #lista-piatti .lista-piatti-categoria .title {
      display: flex;
      margin: 30pt 0;
      font-size: 22pt;
      align-items: flex-end; }
      #mensa-box #lista-piatti .lista-piatti-categoria .title img {
        width: 62pt;
        margin-right: 17pt; }
    #mensa-box #lista-piatti .lista-piatti-categoria .piatto-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      padding: 40pt;
      -webkit-border-radius: 12pt;
      -moz-border-radius: 12pt;
      border-radius: 12pt;
      box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.1);
      margin-bottom: 20pt; }
      #mensa-box #lista-piatti .lista-piatti-categoria .piatto-box .left p {
        font-size: 28pt;
        font-weight: 500;
        margin-bottom: 10pt; }
      #mensa-box #lista-piatti .lista-piatti-categoria .piatto-box .left .ingredienti-box {
        display: flex; }
        #mensa-box #lista-piatti .lista-piatti-categoria .piatto-box .left .ingredienti-box img {
          height: 65pt;
          margin-right: 10pt; }
        #mensa-box #lista-piatti .lista-piatti-categoria .piatto-box .left .ingredienti-box .like-count {
          height: 65pt;
          background: rgba(0, 0, 0, 0.04);
          color: rgba(0, 0, 0, 0.46);
          padding: 18pt 16pt 22pt 16pt;
          border-radius: 6px; }
          #mensa-box #lista-piatti .lista-piatti-categoria .piatto-box .left .ingredienti-box .like-count p {
            font-size: 24pt; }
      #mensa-box #lista-piatti .lista-piatti-categoria .piatto-box .smile img {
        height: 35pt; }

.login-page {
  height: calc(100vh - 124pt);
  background: transparent linear-gradient(202deg, #F2F2F2 0%, #CCCCCC 100%, #A8A8A8 100%) 0% 0% no-repeat padding-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 255pt; }
  .login-page #logo {
    width: 270pt;
    margin-bottom: 100pt; }
  .login-page form {
    width: 80%; }
    .login-page form div {
      border-bottom: 2pt solid rgba(29, 29, 38, 0.1);
      margin-bottom: 60pt; }
      .login-page form div p {
        font: 500 26pt/20pt Quicksand;
        letter-spacing: 2.8px;
        color: #000000;
        opacity: 0.6; }
      .login-page form div input {
        font-size: 28pt;
        width: 100%;
        background: transparent;
        border: none;
        font-weight: 500;
        padding: 23pt 0; }
    .login-page form button {
      width: 100%;
      background: #a31316;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      border-radius: 8pt;
      margin-bottom: 60pt;
      margin-top: 80pt; }
      .login-page form button img {
        width: 30pt;
        margin-left: 46pt; }
      .login-page form button p {
        font-size: 29pt;
        color: white;
        letter-spacing: 4.2pt;
        font-weight: 500;
        padding: 24pt 150pt; }
  .login-page #access {
    font-size: 24pt;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.4);
    font-weight: bold; }
    .login-page #access a {
      text-decoration: none;
      color: #a31316; }

#media-page {
  padding: 40pt 34pt;
  height: calc(100vh - 124pt); }
  #media-page #titolo {
    font-size: 30pt;
    font-weight: bold;
    margin-bottom: 34pt; }
  #media-page .media-box {
    background: #FFFFFF;
    padding: 23pt;
    border-radius: 12pt;
    display: flex;
    align-items: center;
    box-shadow: 0pt 6pt 12pt rgba(0, 0, 0, 0.05);
    margin-bottom: 20pt;
    padding: 34pt;
    height: 170pt; }
    #media-page .media-box img {
      width: 142px; }
    #media-page .media-box .radio-name {
      font-size: 28pt;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.6);
      margin-left: 50pt; }
  #media-page .selected .radio-name {
    color: #a31316; }

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