/*
|*
|* Integrity Illusion
|*   Fragmented Art
|*        CSS
|*
*/

/**
*
*Reset CSS
*
**/

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

body.custom-background {
  background-size: cover;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

mark {
  color: rgb(255, 255, 255);
  background: rgb(0, 0, 0);
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

.entry-content p {
  word-break: break-word;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;

  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  box-sizing: content-box;

  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

/**
*
* Generale
*
**/

:root {
  --colore_1d: #1d1d1b;
  --colore_bianco: #fff;
}

html {
  padding: 0;
  margin: 0;
  overscroll-behavior: none;
  height: 100vh;
  width: 100vw;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: "Maison Neue", "Helvetica Neue", "Helvetica-Neue", "Arial",
    sans-serif;
  color: var(--colore_1d);
  cursor: var(--cursore_integrity);
}

body {
  position: relative;
  font-size: 1.3rem;
  line-height: 1.25;
  overflow-x: hidden;
  transition: ease-in 0.5s;
}

.body_notte {
  background-color: var(--colore_1d) !important;
  color: var(--colore_bianco) !important;
  transition: ease-in 0.5s;
  cursor: var(--cursore_integrity_bianco);
}

div {
  display: block;
}

a {
  text-decoration: none;
  color: var(--colore_1d);
  cursor: var(--cursore_zero_hover);
}

.a_bianco {
  color: var(--colore_bianco);
  cursor: var(--cursore_zero_bianco_hover);
}

ul {
  padding: 0;
}

ul li {
  list-style-type: none;
}

.padding {
  padding: 2rem 0 2rem 0;
}

.testo_centrato {
  text-align: center;
}

.contenitore {
  width: auto !important;
  padding-left: 30px;
  padding-right: 30px;
}
.contenitore_pagina {
  width: auto;
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}

.cornice {
  position: relative;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}

/*
.generale_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.colonna_flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
*/

.flex {
  display: flex;
}

.flex_column {
  flex-direction: column;
}

.justify_content_between {
  justify-content: space-between;
}

.justify_content_center {
  justify-content: center;
}

.justify_content_around {
  justify-content: space-around;
}

.justify_content_evenly {
  justify-content: space-evenly;
}

.justify_content_start {
  justify-content: start;
}

.vertical_center {
  align-items: center;
}


.centrato {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
}

.riquadro_camaleonte_cornice {
  position: relative;
  padding: 7px;
  animation-name: sfondo_camaleonte;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  border: 1px solid var(--colore_1d);
  box-sizing: border-box;
}

.riquadro_camaleonte_contenitore {
  width: 100%;
  padding: 3rem;
  border: 1px solid #1b1b1d;
  background-color: #fff;
  -webkit-box-shadow: inset 5px 5px 12px -5px #000000;
  box-shadow: inset 5px 5px 12px -5px #000000;
  color: var(--colore_1d);
  cursor: var(--cursore_zero);
}

.titolo {
  font-size: 5rem;
  text-align: center;
  font-weight: regular;
  font-family: "IntegrityIllusion";
}

/*Jekyll and Hide*/

.drjekyll {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.mrhide {
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .sfondo_offuscato {
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  }
}

/** slightly transparent fallback for Firefox (not supporting backdrop-filter) **/

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .sfondo_offuscato {
    background-color: rgba(255, 255, 255, 0.967);
  }
}

/** 
*
* Variabili
*
**/

:root {
  /*Cursore*/

  --cursore_integrity: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="16" cy="15.06" r="5" style= "fill: black;"/><path style= "fill: none; stroke: black; stroke-miterlimit: 10;" d="M16,3.88" transform="translate(0 -0.94)"/><path d="M20,2.74h0a1,1,0,0,0,.66.92,13.19,13.19,0,0,1,0,24.68,1,1,0,0,0-.66.93h0a1,1,0,0,0,1.35.93,15.17,15.17,0,0,0,0-28.4A1,1,0,0,0,20,2.74Z" transform="translate(0 -0.94)" style= "stroke: black; stroke-miterlimit: 10; stroke-width:1.6px;"/><path d="M12,29.26a1,1,0,0,0-.66-.92,13.19,13.19,0,0,1,0-24.68A1,1,0,0,0,12,2.74h0a1,1,0,0,0-1.35-.94,15.17,15.17,0,0,0,0,28.4A1,1,0,0,0,12,29.27Z" transform="translate(0 -0.94)" style= "stroke: black; stroke-miterlimit: 10; stroke-width:1.6px;"/></svg>')
      16 16,
    pointer;
  --cursore_integrity_bianco: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="16" cy="15.06" r="5" style= "fill: white;"/><path style= "fill: none; stroke: white; stroke-miterlimit: 10;" d="M16,3.88" transform="translate(0 -0.94)"/><path d="M20,2.74h0a1,1,0,0,0,.66.92,13.19,13.19,0,0,1,0,24.68,1,1,0,0,0-.66.93h0a1,1,0,0,0,1.35.93,15.17,15.17,0,0,0,0-28.4A1,1,0,0,0,20,2.74Z" transform="translate(0 -0.94)" style= "stroke: white; stroke-miterlimit: 10; stroke-width:1.6px;"/><path d="M12,29.26a1,1,0,0,0-.66-.92,13.19,13.19,0,0,1,0-24.68A1,1,0,0,0,12,2.74h0a1,1,0,0,0-1.35-.94,15.17,15.17,0,0,0,0,28.4A1,1,0,0,0,12,29.27Z" transform="translate(0 -0.94)" style= "stroke: white; stroke-miterlimit: 10; stroke-width:1.6px;"/></svg>')
      16 16,
    pointer;
  --cursore_zero: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="9.5" cy="9.5" r="8.5" style= "fill: none; stroke: black; stroke-miterlimit: 10; stroke-width:2px;"/></svg>')
      16 16,
    pointer;
  --cursore_zero_hover: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="16" cy="16" r="15" style= "fill: none; stroke: black; stroke-miterlimit: 10; stroke-width:1.6px"/><path d="M16,3.88" style= "fill: none; stroke: black; stroke-miterlimit: 10;"/></svg>')
      16 16,
    pointer;
  --cursore_zero_bianco: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="9.5" cy="9.5" r="8.5" style= "fill: none; stroke: white; stroke-miterlimit: 10; stroke-width:2px;"/></svg>')
      16 16,
    pointer;
  --cursore_zero_bianco_hover: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="16" cy="16" r="15" style= "fill: none; stroke: white; stroke-miterlimit: 10; stroke-width:1.6px"/><path d="M16,3.88" style= "fill: none; stroke: white; stroke-miterlimit: 10;"/></svg>')
      16 16,
    pointer;

  /**Opere**/

  /*Semi X_1*/

  --f1_h: url("/immagini/opere/semi/semi_x_1/HD/%23fragment_1-The_Phantom_of_The_Opera_h.webp");
  --f1_b: url("/immagini/opere/semi/semi_x_1/Blurred/%23fragment_1-The_Phantom_of_The_Opera_b.webp");

  /*Semi X_2*/

  --f11_h: url("/immagini/opere/semi/semi_x_2/HD/%23fragment_11-Space_Shell_h.webp");
  --f11_b: url("/immagini/opere/semi/semi_x_2/Blurred/%23fragment_11-Space_Shell_b.webp");

  /*Este X_1*/

  --f21_h: url("/immagini/opere/este/este_x_1/HD/%23fragment_21-Fibonacci_Nautilus_h.webp");
  --f21_b: url("/immagini/opere/este/este_x_1/Blurred/%23fragment_21-Fibonacci_Nautilus_b.webp");

}

/** Cursore **/

.cursore_zero_bianco_hover {
  cursor: var(--cursore_zero_bianco_hover);
}

/*
**
* Mobile First
**
*/

/**
*Header
**/

#header {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: 57px;
  box-shadow: 1px 0px 5px 0px;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  cursor: var(--cursore_zero);
  z-index: 9;
}

.header_notte {
  cursor: var(--cursore_zero_bianco) !important;
  border-bottom: 0.3px solid var(--colore_bianco);
}

#header::after {
  content: "";
  display: block;
  border-bottom: 0.3px solid var(--colore_1d);
  transform: scaleX(0);
  transition: ease-in 0.5s;
  z-index: 8;
}

#header:hover:after {
  transform: scaleX(1);
  transition: ease-in 0.5s;
  z-index: 8;
}

.header_ombra {
  box-shadow: 1px 0px 5px 0px;
  color: var(--colore_1d);
}

/**Logo Scritta**/

#logo_cornice {
  width: 19.5em;
  cursor: var(--cursore_zero_hover);
}

.logo_scritta_bianca {
  fill: var(--colore_bianco);
}

.logo_scritta_bianca {
  cursor: var(--cursore_zero_bianco_hover);
}

.logo_scritta_transizione {
  transition: ease-in 1s;
}

/**Logo_Scritta Hover**/

#logo_scritta:hover #logo_scritta_i_1 {
  fill: red;
}

#logo_scritta:hover #logo_scritta_n_2_a {
  transform: rotate(22deg);
  transform-origin: top left;
}

#logo_scritta:hover #logo_scritta_t_3_b {
  transform: rotate(-55deg);
  transform-origin: 52% 52%;
}

#logo_scritta:hover #logo_scritta_e_a {
  d: path(
    "M48.14,4.05,56.93.1a.74.74,0,0,1,.6,0A.73.73,0,0,1,58,.5a.74.74,0,0,1,0,.6.7.7,0,0,1-.42.44l-8.78,4a.81.81,0,0,1-.61,0,.79.79,0,0,1-.44-.42.76.76,0,0,1,0-.61A.79.79,0,0,1,48.14,4.05Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_e_b {
  d: path(
    "M54.44,21.68l-7.77-4.8a.77.77,0,0,1-.36-.5.8.8,0,0,1,.11-.6L50.67,8.9a.8.8,0,0,1,.49-.37.75.75,0,0,1,.6.1l5.09,3.13a.79.79,0,0,1,.36.51.78.78,0,0,1-.1.61.7.7,0,0,1-.5.35.8.8,0,0,1-.6-.1L51.6,10.4l-3.42,5.54,7.1,4.38a.77.77,0,0,1,.36.49.75.75,0,0,1-.1.6.83.83,0,0,1-.49.37A.77.77,0,0,1,54.44,21.68Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_g_a {
  d: path(
    "M75.71,20H71l-.06,0a5.82,5.82,0,0,1-3.78-1.67,6.75,6.75,0,0,1-1.9-3.57.57.57,0,0,1,0-.14V9.16a.77.77,0,0,1,.23-.56A.82.82,0,0,1,66,8.37a.79.79,0,0,1,.79.79v5.36a4.82,4.82,0,0,0,1.42,2.66A4.2,4.2,0,0,0,71,18.41h4.75a.8.8,0,0,1,.57.22.76.76,0,0,1,.24.57.82.82,0,0,1-.81.81Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_g_b {
  d: path(
    "M67.91,1.49A.83.83,0,0,1,67.7.9.76.76,0,0,1,68,.37a.79.79,0,0,1,.58-.19,5.82,5.82,0,0,1,3.76,1.74l0,0,3.13,3.6a.81.81,0,0,1,.2.58.75.75,0,0,1-.27.55.79.79,0,0,1-1.13-.1L71.17,3a4.22,4.22,0,0,0-2.74-1.25A.8.8,0,0,1,67.91,1.49Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_g_c {
  d: path(
    "M76.28,19.32a.81.81,0,0,1-.57.23.77.77,0,0,1-.56-.23.73.73,0,0,1-.23-.56V14.38a.73.73,0,0,1,.23-.56.77.77,0,0,1,.56-.23.81.81,0,0,1,.57.23.74.74,0,0,1,.24.56v4.38A.74.74,0,0,1,76.28,19.32Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_r_a {
  d: path(
    "M93,4.85a.8.8,0,0,1-.58-.24,3.93,3.93,0,0,0-1.48-1H84a.82.82,0,0,1-.58-.23.77.77,0,0,1-.23-.56.79.79,0,0,1,.23-.57A.81.81,0,0,1,84,2h7a.68.68,0,0,1,.29.05A5.89,5.89,0,0,1,93.55,3.5a.76.76,0,0,1,.22.57.81.81,0,0,1-.25.56A.84.84,0,0,1,93,4.85Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_r_b {
  d: path(
    "M80.57,19.77A.74.74,0,0,1,80,20a.78.78,0,0,1-.58-.24.81.81,0,0,1-.23-.57V10.76a.81.81,0,0,1,.23-.57A.78.78,0,0,1,80,10h7a3.22,3.22,0,0,0,1.3-.74A.8.8,0,0,1,88.91,9a.74.74,0,0,1,.55.26.78.78,0,0,1,0,1.12,5.21,5.21,0,0,1-2.06,1.15l-.21,0H80.8V19.2A.81.81,0,0,1,80.57,19.77Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_r_c {
  d: path(
    "M95.55,16.93a.75.75,0,0,1-.59.26l-7.58,0a.73.73,0,0,1-.56-.23.82.82,0,0,1-.24-.56.79.79,0,0,1,.23-.57.78.78,0,0,1,.57-.23l7.58,0a.79.79,0,0,1,.79.8A.73.73,0,0,1,95.55,16.93Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_i_7 {
  d: path(
    "M102.55,19.77a.77.77,0,0,1-1.12,0,.77.77,0,0,1-.23-.57V2.8a.8.8,0,0,1,1.35-.57.79.79,0,0,1,.23.57V19.2A.81.81,0,0,1,102.55,19.77Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_t_8_b {
  transform: translateX(1%);
}

#logo_scritta:hover #logo_scritta_y_a {
  d: path(
    "M132.77,11.8a.74.74,0,0,1-.69-.39L127.23,3.2a.71.71,0,0,1-.09-.6.83.83,0,0,1,.37-.49A.7.7,0,0,1,128.1,2a.81.81,0,0,1,.48.37l4.87,8.21a.71.71,0,0,1,.09.6.8.8,0,0,1-.77.6Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_y_b {
  d: path(
    "M133.19,5.7a.8.8,0,0,1-.4-.12.83.83,0,0,1-.37-.49.67.67,0,0,1,.09-.58L135,.39a.88.88,0,0,1,.48-.37.68.68,0,0,1,.59.09.83.83,0,0,1,.37.49.71.71,0,0,1-.09.6l-2.42,4.11A.74.74,0,0,1,133.19,5.7Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_y_c {
  d: path(
    "M127.92,20a.85.85,0,0,1-.41-.13.8.8,0,0,1-.37-.49.71.71,0,0,1,.09-.6l4.85-8.19a.83.83,0,0,1,.49-.37.71.71,0,0,1,.6.09.83.83,0,0,1,.37.49.71.71,0,0,1-.09.6l-4.87,8.19A.72.72,0,0,1,127.92,20Z"
  );
  transform: translate(-3.34, 35);
}

#logo_scritta:hover #logo_scritta_i_10 {
  stroke: var(--colore_1d);
  stroke-width: 0.5px;
  fill: #ffff00;
}

#logo_scritta:hover path {
  transition: ease-in 1s;
}

/**Menu Nav Duale**/

#menu_nav_duale_box {
  display: none;
}

/**Menu Social**/

#menu_social {
  display: none;
}

.elemento_social_cornice {
  margin-right: 3rem;
}

.opensea_svg {
  width: 19px;
  height: 19px;
}

#twitter {
  margin-top: 5px;
}

/**Menu light_Dark**/

#menu_light_dark_cornice {
  display: none;
}

/**Menu Navigazione Hamburger**/

/*Open*/

#menu_nav {
  position: relative;
  width: 36px;
  height: 36px;
  cursor: var(--cursore_zero_hover);
}

.menu_nav_notte {
  cursor: var(--cursore_zero_bianco_hover) !important;
}

#menu_nav_hamburger {
  width: 29px;
  height: 29px;
  transition: all 3s;
}

.menu_nav_hamburger_linea {
  fill: none;
  stroke: var(--colore_1d);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}

.menu_nav_hamburger_linea_notte {
  stroke: var(--colore_bianco);
}

#menu_nav:hover #menu_nav_hamgurger_linea_centrale {
  transform: translateX(13px);
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  animation-name: sfondo_camaleonte_hamburger;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/*Close*/

#menu_nav_hamburger_close {
  width: 29px;
  height: 29px;
  display: none;
  transition: ease-in 0.5s;
}

.menu_nav_hamburger_close_linea {
  fill: none;
  stroke: var(--colore_1d);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

.menu_nav_hamburger_close_linea_notte {
  stroke: var(--colore_bianco);
}

#menu_nav:hover #menu_nav_hamburger_close_linea_spezzata {
  animation-name: sfondo_camaleonte_hamburger;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/** Menu **/

#menu_cornice {
  position: fixed;
  top: 57px;
  bottom: 0;
  width: 100%;
  animation-name: sfondo_camaleonte;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.61, 0.22, 0.66, 0.62);
  will-change: transform;
  z-index: 3;
  cursor: var(--cursore_zero_bianco);
}

.menu_cornice_aperto {
  /* visibility: visible !important; */
  transform: translate3d(0, 0, 0) !important;
  overflow: hidden !important;
  transition: transform 0.5s cubic-bezier(0.61, 0.22, 0.66, 0.62);
}

#menu_main {
  position: absolute;
  background-color: var(--colore_1d);
  bottom: 0;
  left: 200px;
  right: 0;
  top: 0;
  transform: translateX(100%) translateZ(0);
  /*transition: transform 0.5s cubic-bezier(0.12, 0.475, 0, 0.995) 0.3s;*/
  transition: transform 0.5s cubic-bezier(0.61, 0.22, 0.66, 0.62) 0.3s;
  z-index: 9;
}

.menu_main_aperto {
  transform: translateX(0) translateZ(0) !important;
}

#menu_main_titolo {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  font-size: 3rem;
  font-weight: regular;
  font-family: "IntegrityIllusion";
}

#menu_main_titolo_link {
  margin: 0 !important;
  color: var(--colore_bianco);
}

#menu_sx {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 160px;
  margin: 2rem;
}

#menu_lista {
  height: 100%;
  width: 100%;
  justify-content: space-around;
  font-size: 2rem;
  font-weight: regular;
  font-family: "IntegrityIllusion";
}

.elemento_menu:hover .elemento_menu_link {
  color: var(--colore_bianco);
}

#menu_collezioni_box {
  position: relative;
  width: 80%;
  /*margin-top: 200px;*/
}

.menu_collezioni_lista {
  display: flex;
  width: 100%;
  justify-content: space-around;
  flex-direction: column;
  font-size: 2em;
  font-weight: regular;
  font-family: "IntegrityIllusion";
}

/**/

.dashboard_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(29, 29, 27, 0.7);
  text-align: center;
  z-index: 9;
}

.dashboard {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border: 1px solid #1b1b1d;
  background-color: #fff;
  -webkit-box-shadow: inset 5px 5px 12px -5px #000000;
  box-shadow: inset 5px 5px 12px -5px #000000;
  color: var(--colore_1d);
  cursor: var(--cursore_zero);
}

.elemento_menu_collezioni_mezzo {
  margin: 2rem 0 2rem 0;
}

.dashboard_elemento {
  font-size: 2rem;
  margin-bottom: 2rem;
}

/**
*
* Pagina 
*
**/

.impagina {
  position: relative;
  width: 100%;
  margin-top: 70px;
}

/**
* Index
**/

.riga_opera {
  flex-direction: column;
  width: 100%;
  justify-content: space-between !important;
  margin-top: 5rem;
  margin-bottom: 3rem;
  scroll-margin-top: calc(57px + 2.5em);
  align-items: center;
}

.descrizione_opera {
  opacity: 0;
  transform: translateY(-10vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
  flex-direction: row;
  width: 100%;
  font-family: "IntegrityIllusion";
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  filter: drop-shadow(2px 4px 3px black);
}

.descrizione_opera_sx {
  padding-right: 0;
}

.descrizione_opera_dx {
  padding-left: 0;
}

.titolo_opera {
  font-size: 2rem;
  text-align: center;
  margin: 1rem 0 1rem 0;
}

/*
*Opere
*/

.opera {
  position: relative;
  width: 300px;
  height: 300px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s ease-out;
  will-change: opacity, visibility;
  cursor: var(--cursore_zero);
}

.opera_sx {
  transform: translateY(20vh);
}

.opera_dx {
  transform: translateY(20vh);
}

.opera_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 300px 100%;
  cursor: var(--cursore_zero);
}

.opera_img_radial_herminius {
  background-image: radial-gradient(#960018, #eec007);
}

.opera_img_radial_space {
  background-image: radial-gradient(#0000ff, #1d1d1b);
}

.opera_img_radial_ground {
  background-image: radial-gradient(#7a6167, #eec007);
}

.opera_img_radial_grass {
  background-image: radial-gradient(#00ff00, #1d1d1b);
}

.opera_hd {
  width: 50%;
}

/** Solo per prime opere di pagina (old style!) **/

/*Semi X_1*/

.opera_hd_f1 {
  background-image: var(--f1_h);
}

.opera_blur_f1 {
  background-image: var(--f1_b);
}

/*Semi X_2*/

.opera_hd_f11 {
  background-image: var(--f11_h);
}

.opera_blur_f11 {
  background-image: var(--f11_b);
}

/*Este X_1*/

.opera_hd_f21 {
  background-image: var(--f21_h);
}

.opera_blur_f21 {
  background-image: var(--f21_b);
}

.opera_slider {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  outline: none;
  margin: 0;
  transition: all 0.2s;
  cursor: var(--cursore_zero);
}

.opera_slider:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.opera_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 300px;
  background-image: url("/immagini/slider/cursore_slider.svg");
  background-repeat: no-repeat;
  cursor: col-resize;
}

.opera_slider::-moz-range-thumb {
  width: 2px;
  height: 600px;
  background: var(--colore_bianco);
}

.slider_cursore_cornice {
  position: absolute;
  width: 40px;
  height: 40px;
  left: calc(50% - 35px);
  top: calc(50% + 25px);
  cursor: var(--cursore_zero);
}

.slider_cursore_fill {
  fill: var(--colore_bianco);
}

.slider_cursore_stroke {
  stroke: var(--colore_1d);
  stroke-miterlimit: 10;
}

/*Menu_opere_#F*/

#menu_opere_f_cornice {
  display: flex;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55px;
  box-shadow: 4px 6px 19px -12px #1f1f1b;
  text-align: center;
  background-color: var(--colore_1d);
  border-bottom: 1px solid var(--colore_bianco);
  color: var(--colore_bianco);
  border-radius: 10px;
  font-size: 17px;
  font-family: "IntegrityIllusion";
  transition: transform 0.5s ease-in, opacity 0.5s ease-in-out;
  z-index: 2;
  cursor: var(--cursore_zero_bianco);
}

#menu_opere_f_cornice:hover {
  background-color: rgba(29, 29, 27, 0.9);
}


.menu_opere_f_cornice_notte {
  background-color: #fff !important;
  color: #1d1d1b !important;
}

.menu_opere_f_cornice_dx_position {
  left: auto !important;
  right: 20px !important;
}

/*Sottomenu Opere F*/

#sottomenu_opere_f {
  position: absolute;
  left: 7px;
  bottom: 30px;
  width: 95%;
  border: 1px solid var(--colore_bianco);
  border-radius: 10px;
  background-color: var(--colore_1d);
  color: var(--colore_bianco);
  opacity: 0;
  visibility: hidden;
}

.sottomenu_opere_f_notte {
  border: 1px solid var(--colore_1d) !important;
  background-color: var(--colore_bianco) !important;
  color: var(--colore_bianco) !important;
  box-shadow: rgb(255 255 255) 4px 4px 11px -6px !important;
}

#sottomenu_opere_f::after {
  content: "";
  display: block;
  position: absolute;
  height: 17px;
  bottom: -17px;
  width: 100%;
  cursor: var(--cursore_zero);
}

#menu_opere_f_cornice:hover #sottomenu_opere_f {
  visibility: visible;
  opacity: 1 !important;
  box-shadow: rgb(122 97 103) 4px 4px 11px -6px;
  transform: translateY(-18px);
  transition: transform 0.5s ease-in, opacity 0.5s ease-in-out;
}

.sottomenu_opere_f_hash {
  margin: 1rem;
  color: var(--colore_1d);
}

.sottomenu_opere_f_titoli {
  position: absolute;
  width: 93%;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: var(--colore_1d);
  color: var(--colore_bianco);
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
}

.sottomenu_opere_f_hash:hover .sottomenu_opere_f_titoli {
  visibility: visible;
  opacity: 1 !important;
  box-shadow: rgb(122 97 103) 4px 4px 11px -6px;
  transform: translateY(-25.5px);
  transition: transform 0.5s ease-in, opacity 0.5s ease-in-out;
}

.sottomenu_opere_f_titoli_notte{
  border: 1px solid var(--colore_1d) !important;
  background-color: var(--colore_bianco) !important;
  color: var(--colore_1d) !important;
  box-shadow: rgb(255 255 255) 4px 4px 11px -6px !important;
  /*ripetizione*/
}

/**
* Footer
**/

.footer {
  width: 100%;
  margin-top: 1.5rem;
  background-color: var(--colore_1d);
  cursor: var(--cursore_zero_bianco);
}

#footer_opere {
  margin-top: 0;
}

.footer_notte {
  border-top: 1px solid rgb(255, 255, 255);
  background-color: #000 !important;
}

#footer_contenitore {
  display: flex;
  flex-direction: column;
}

#menu_social_footer {
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-right: 0 !important;
}

.copyright_crediti_cornice {
  font-family: "IntegrityIllusion";
  color: var(--colore_bianco);
  text-align: center;
}

#copyright {
  font-size: 13px;
}

#mail_svg:hover {
  animation-name: sfondo_camaleonte_hamburger;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.opensea_svg:hover {
  fill: #1868b7;
}

#instagram:hover #instagram_rect,
#instagram:hover #instagram_circle,
#instagram:hover #instagram_path {
  stroke: url(#instagram_sfondo) !important;
}

#twitter:hover #twitter_path {
  fill: #1da1f2 !important;
}

#github{
margin-right: 0;
}

#github:hover #github_path {
  fill: #ad5c51 !important;
}

/**Barra di Scorrimento Verticale**/

::-webkit-scrollbar {
  width: 10px;
  height: 3px !important;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #ffff00;
  box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
  height: 3px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #8da0a7;
  -webkit-box-shadow: inset 0 0 6px #8da0a7;
}

/**
* Concept
**/

.concept_riga {
  width: 100%;
  font-size: 3rem;
  margin-bottom: 3rem;
}

.definizione_titolo {
  border-bottom: 3px solid var(--colore_1d);
  cursor: var(--cursore_zero_hover);
}

.definizione_titolo_notte {
  border-bottom: 3px solid red;
  cursor: var(--cursore_zero_bianco) !important;
}

.definizione {
  text-align: justify;
  font-family: "IntegrityIllusion";
  font-size: 2rem;
  cursor: var(--cursore_zero);
}

.definizione_notte {
  cursor: var(--cursore_zero_bianco) !important;
}

.definizione_link {
  position: relative;
}

.definizione_link:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 0;
  height: 2px;
  background-color: yellow;
  transition: ease-in 0.5s;
}

.definizione_link:hover:after {
  left: 0;
  width: 100%;
  transition: ease-in 0.5s;
}

.definizione_link_notte {
  color: var(--colore_bianco);
}

#apate {
  margin-top: 5rem;
}

#sineddoche {
  text-align: right;
}

#illusione_integrita {
  margin-bottom: 2rem;
}


.illusione_integrita_ultimo{
  margin-bottom: 0 !important;
}

/**
* Exhibit
**/

#exhibit_impagina {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.provvisorio_contenitore {
  width: 100%;
  height: calc(100vh - 147px);
  justify-content: center;
}

.provvisorio_contenitore_notte {
  height: calc(100vh - 148px) !important;
}

.provvisorio_scritta {
  font-family: "IntegrityIllusion";
  font-size: 6rem;
  text-align: center;
}

#ticket_video {
  width: 100%;
}

/**
* Mail
**/

.form_riga {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-around;
  margin: 3rem 0;
}

#logo_robot {
  width: 100%;
}

#identita_cornice {
  width: 100%;
}

.identita {
  width: 100%;
  border-bottom: 3px solid #1d1d1b;
  margin: 3rem 2rem;
}

.identita_input {
  width: 100%;
  margin: 8px 0;
  border: none;
}

.identita_input:focus {
  outline: none;
}

#messaggio {
  width: 100%;
  margin-bottom: 3rem;
}

#messaggio_input {
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 10px;
  border: 3px solid var(--colore_1d);
}

#messaggio_input:focus {
  outline: none;
}

#form_bottone {
  width: 200px;
  height: 70px;
  border-radius: 10px;
  border: 3px solid var(--colore_1d);
  margin: auto;
  font-family: "IntegrityIllusion";
  font-size: 1.8rem;
  font-weight: bold;
  cursor: var(--cursore_zero_hover);
}

#form_esito {
  margin-top: 2rem;
  width: 85%;
  height: 40px;
  border-radius: 10px;
  border: 3px solid #1b1b1d;
  font-family: "IntegrityIllusion";
  font-size: 1.8rem;
  font-weight: bold;
}

/**
* Infinito
**/

#infinito_svg {
  width: 23%;
  height: 23%;
}

#infinito_svg_path {
  fill: #1d1d1b;
  stroke: #1d1d1b;
  stroke-width: 10px;
  filter: url(#drop-shadow-1);
  animation-name: sfondo_camaleonte_motto;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/**
* Motto
**/

.impagina_motto {
  width: 100%;
  height: calc(100vh - 146.625px);
}

.impagina_motto_notte {
  height: calc(100vh - 147.625px) !important;
}

.motto_contenitore {
  width: 100%;
  height: 100%;
}

.motto {
  width: 100%;
  stroke: #1d1d1b;
  animation-name: sfondo_camaleonte_motto;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  cursor: var(--cursore_zero);
}

.motto_notte {
  cursor: var(--cursore_zero_bianco) !important;
}

/**
**
**
*
**
**
**/


/*
** 
* Sezioni Intermedie   520px
** 
*/

@media screen and (min-width: 520px) {

  /**Menu light_Dark**/

  #menu_light_dark_cornice {
    display: flex;
    position: relative;
    width: 45px;
    height: 20px;
    justify-content: space-between !important;
    transition: ease-in 0.5s, background-color 0.5s;
    border: 1px solid var(--colore_1d);
    border-radius: 30px;
    cursor: var(--cursore_zero_hover);
  }

  .menu_light_dark_cornice_notte {
    background-color: var(--colore_bianco);
    transition: ease-in 0.5s, background-color 0.5s;
  }

  .menu_light_dark_cornice_notte:hover {
    cursor: var(--cursore_zero_bianco_hover) !important;
  }

  #menu_light_dark_cornice:hover {
    -webkit-box-shadow: 4px 4px 11px -6px #7a6167;
    box-shadow: 4px 4px 11px -6px #7a6167;
  }

  #menu_light_dark_switch {
    position: absolute;
    height: 16px;
    width: 16px;
    left: 4px;
    border-radius: 50%;
    border: 1px solid var(--colore_1d);
    background-color: yellow;
    transition: ease-in 0.5s, background-color 0.5s;
  }

  .menu_light_dark_switch_notte {
    left: 24px !important;
    background-color: red !important;
  }

  .menu_light_dark_elementi {
    width: 15px;
    margin: 3px;
    fill: var(--colore_1d);
    stroke: var(--colore_1d);
    stroke-miterlimit: 10;
  }

  #sole {
    fill: #ffff00 !important;
    stroke: var(--colore_1d) !important;
  }

  /*Dashboard*/

  .dashboard_elemento {
    font-size: unset;
  }
}

/*
** 
* Sezione Tablet
** 
*/

@media screen and (min-width: 768px) {
  /**
* Header
**/

  /**Menu Social**/

  #menu_social {
    display: flex;
    transition: ease-in 0.5s, background-color 0.5s;
  }

  .menu_social_trasposto {
    transform: translateX(calc(50% + 40px));
  }

  /*elemento_social_cornice --> vedi Sezione Mobile*/

  .elemento_social {
    width: 16px;
    height: 16px;
    vertical-align: middle;
  }

  .opensea_svg_header_notte {
    fill: var(--colore_bianco);
  }

  .instagram_rect_notte {
    stroke: var(--colore_bianco) !important;
  }

  .instagram_circle_notte,
  .instagram_path_notte {
    fill: var(--colore_bianco) !important;
    stroke: var(--colore_bianco) !important;
  }

  /*twitter --> vedi Sezione Mobile */

  .path_notte {
    fill: var(--colore_bianco) !important;
  }

  /**Menu Main **/

  #menu_main_titolo {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    font-size: 5rem;
    font-weight: regular;
    font-family: "IntegrityIllusion";
  }

  #menu_main_titolo_link {
    margin: 0 !important;
    color: var(--colore_bianco);
  }

  .menu_collezioni_lista {
    flex-direction: row;
  }

  /**
  * Index
  **/

  .riga_opera {
    flex-direction: row;
  }

  .riga_opera_sx {
    flex-direction: row-reverse;
  }

  .descrizione_opera {
    flex-direction: column;
    width: 20%;
  }

  .descrizione_opera_sx {
    padding-right: 2rem;
  }

  .descrizione_opera_dx {
    padding-left: 2rem;
  }

  .titolo_opera {
    font-size: 3.5rem;
  }

  /**Opere**/

  .opera {
    width: 450px;
    height: 450px;
  }

  .opera_img {
    background-size: 450px 100%;
  }

  .opera_slider::-webkit-slider-thumb {
    width: 22px;
    height: 450px;
  }

  .opera_slider::-moz-range-thumb {
    width: 22px;
    height: 450px;
    background: var(--colore_bianco);
  }

  /*Menu_opere_#F*/

  #menu_opere_f_cornice {
    position: fixed;
    bottom: 70px;
    left: 20px;
    width: 50px;
    border: 1px solid var(--colore_bianco);
  }

  #menu_opere_f_cornice:hover {
    background-color: var(--colore_1d);
  }

  .menu_opere_f_cornice_dx_position {
    left: auto !important;
    right: 20px !important;
  }

  /*Sottomenu Opere F*/

  #sottomenu_opere_f {
    left: -18px;
    width: fit-content;
  }

  .sottomenu_opere_f_notte {
    border: 1px solid #1d1d1b !important;
    background-color: #fff !important;
    color: #1d1d1b !important;
  }

  #sottomenu_opere_f::after {
    content: "";
    display: block;
    position: absolute;
    height: 30px;
    bottom: -30px;
    width: 100%;
  }

  .sottomenu_opere_f_hash {
    margin: 1rem;
    color: #1d1f1b;
  }

  .sottomenu_opere_f_titoli {
    left: 106px;
    width: 350px;
  }

  .sottomenu_opere_f_titoli_dx_position {
    right: 106px;
    left: auto;
  }

  /**
  * Footer
  **/

  #footer_opere {
    margin-top: 1.5rem;
  }

  /** Pagina Mail **/

  .form_riga {
    flex-direction: row;
  }

  #logo_robot {
    width: 50%;
  }

  #identita_cornice {
    width: 50%;
  }

  #messaggio {
    width: 55%;
    min-height: 300px;
  }
} /** Fine Sezione Tablet*/

/*
** 
* Sezione Intermedia
** 
*/

@media screen and (min-width: 850px) {
  .titolo_opera {
    font-size: 5rem;
  }
}

@media screen and (min-width: 850px) and (max-width: 1200px) {
  .riga_opera {
    justify-content: space-around !important;
  }
}

/*
** 
* Sezione Desktop_1200
** 
*/

@media screen and (min-width: 1200px) {
  /**
* Header
**/

  #header {
    box-shadow: none;
  }

  .header_ombra {
    box-shadow: 1px 0px 5px 0px !important;
  }

  /**Menu Nav Duale**/

  #menu_nav_duale_box {
    display: flex;
    height: 57px;
    font-family: "IntegrityIllusion";
    font-size: 17px;
    font-weight: 600;
    transition: ease-in 0.5s, background-color 0.5s;
  }

  .menu_nav_duale_elemento {
    position: relative;
  }

  .menu_nav_duale_elemento::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #ffff00;
    top: -9px;
    left: 50%;
    transition: width 0.6s ease 0s, left 0.6s ease 0s;
    border: 0.1px solid var(--colore_1d);
    border-radius: 50px;
  }

  .menu_nav_duale_elemento:hover::before {
    width: 100%;
    left: 0;
    background-color: #ff0000;
  }

  #concept {
    margin-right: 5rem;
  }

  #BDWorks_sottomenu {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: var(--colore_1d);
    border: 1px solid var(--colore_bianco);
    border-radius: 10px;
    color: var(--colore_bianco);
    box-shadow: rgb(122 97 103) 4px 4px 11px -6px;
    transition: ease-in 0, 5s;
    cursor: var(--cursore_zero_bianco);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
  }

  #BDWorks_sottomenu::before {
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    top: -40px;
    width: 100%;
    z-index: 99999;
    cursor: var(--cursore_zero);
  }

  #BDWorks:hover #BDWorks_sottomenu {
    visibility: visible;
    opacity: 1 !important;
    transform: translateY(-5px);
    transition: transform 0.5s ease-in, opacity 0.5s ease-in-out;
  }

  .BDWorks_sottomenu_elemento {
    text-align: center;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  /*Link Notte*/

  .a_header_notte {
    color: var(--colore_bianco) !important;
  }

  .a_header_notte:hover {
    cursor: var(--cursore_zero_bianco_hover);
  }

  /*BDWorks_sottomenu_dark*/

  .BDWorks_sottomenu_notte {
    background-color: #fff !important;
    border: 1px solid #1d1d1b !important;
    box-shadow: rgb(255 255 255) 4px 4px 11px -6px !important;
    color: #1d1d1d !important;
  }

  .menu_nav_duale_collezioni {
    position: absolute;
    top: 5px;
    left: 106px;
    width: 100%;
    background-color: var(--colore_1d);
    border: 1px solid var(--colore_bianco);
    border-radius: 10px;
    color: var(--colore_bianco);
    box-shadow: rgb(122 97 103) 4px 4px 11px -6px;
    transition: transform 0.5s ease-in, opacity 0.5s ease-in-out;
    cursor: var(--cursore_zero_bianco);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
  }

  .menu_nav_duale_collezioni::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    left: -20px;
    z-index: 99999;
    cursor: var(--cursore_zero);
  }

  .menu_nav_duale_collezioni_elemento {
    margin-block-start: 0;
    margin-block-end: 1em;
  }

  .menu_nav_duale_collezioni_elemento_first {
    margin-block-start: 1em !important;
    margin-block-end: 1em;
  }

  .BDWorks_sottomenu_elemento:hover .menu_nav_duale_collezioni {
    opacity: 1;
    visibility: visible;
    transform: translateY(-5px);
    transition: transform 0.5s ease-in, opacity 0.5s ease-in-out;
  }

  .menu_nav_duale_collezioni_notte {
    background-color: #fff !important;
    border: 1px solid #1d1d1b !important;
    box-shadow: rgb(255 255 255) 4px 4px 11px -6px !important;
    color: #1d1d1d !important;
    /*replica BDWorks notte*/
  }

  /**Menu Social**/

  .menu_social_trasposto {
    transform: translateX(calc(-50% - 20px));
  }

  /** 
  * Menu Principale
  **/

  #menu_cornice {
    /* visibility: hidden;*/
    position: fixed;
    top: 57px;
    bottom: 0;
    width: 100%;
    animation-name: sfondo_camaleonte;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.61, 0.22, 0.66, 0.62);
    will-change: transform;
    z-index: 3;
    cursor: var(--cursore_zero_bianco);
  }

  .menu_cornice_aperto {
    transform: translate3d(0, 0, 0) !important;
    overflow: hidden !important;
    transition: transform 0.5s cubic-bezier(0.61, 0.22, 0.66, 0.62);
  }

  #menu_main {
    position: absolute;
    background-color: var(--colore_1d);
    bottom: 0;
    left: 200px;
    right: 0;
    top: 0;
    transform: translateX(100%) translateZ(0);
    transition: transform 0.5s cubic-bezier(0.61, 0.22, 0.66, 0.62) 0.3s;
    z-index: 9;
  }

  .menu_main_aperto {
    transform: translateX(0) translateZ(0) !important;
  }

  #menu_sx {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 160px;
    margin: 2rem;
  }

  #menu_lista {
    height: 100%;
    width: 100%;
    justify-content: space-around;
    font-size: 2rem;
    font-weight: regular;
    font-family: "IntegrityIllusion";
  }

  .elemento_menu:hover .elemento_menu_link {
    color: var(--colore_bianco);
  }

  /**Opere**/

  .opera {
    position: relative;
    width: 520px;
    height: 520px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease-out, transform 1.2s ease-out;
    will-change: opacity, visibility;
    cursor: var(--cursore_zero);
  }

  .opera_sx {
    transform: translateX(-20vh);
  }

  .opera_dx {
    transform: translateX(20vh);
  }

  .opera_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 520px 100%;
    cursor: var(--cursore_zero);
  }

  .opera_slider::-webkit-slider-thumb {
    width: 26px;
    height: 520px;
  }

  .opera_slider::-moz-range-thumb {
    width: 2px;
    height: 520px;
  }

  .descrizione_opera {
    width: 49%;
  }

  /**
  * Footer
  **/

  #footer_contenitore {
    flex-direction: row-reverse !important;
  }

  #menu_social_footer {
    margin-right: 15px;
  }

  /**
* Mail
**/
} /** Fine Sezione Desktop_1200*/

/*
** 
* Sezione Desktop_1260
** 
*/

@media screen and (min-width: 1360px) {
  /**
* Index
**/

  /**Opere**/

  .opera {
    width: 600px;
    height: 600px;
  }

  .opera_img {
    background-size: 600px 100%;
  }

  .opera_slider::-webkit-slider-thumb {
    width: 32px;
    height: 600px;
  }

  .opera_slider::-moz-range-thumb {
    width: 2px;
    height: 600px;
    background: var(--colore_bianco);
  }

  .titolo_opera {
    font-size: 6rem;
  }
}

/**Fonts**/

@font-face {
  font-family: "IntegrityIllusion";
  src: url("/fonts/IntegrityIllusion.woff2") format("woff2"),
    url("/fonts/IntegrityIllusion.woff") format("woff"),
    url("/fonts/IntegrityIllusion.ttf") format("tff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/**
* Animazioni
**/

/*Sfondo Camaleonte*/

@keyframes sfondo_camaleonte {
  0% {
    background: #ffff00;
  }
  25% {
    background: #ff0000;
  }
  50% {
    background: #00ff00;
  }
  75% {
    background: #0000ff;
  }
  100% {
    background: #7a6167;
  }
}

@keyframes sfondo_camaleonte_hamburger {
  0% {
    stroke: #ff0000;
  }
  25% {
    stroke: #ffff00;
  }
  50% {
    stroke: #00ff00;
  }
  75% {
    stroke: #0000ff;
  }
  100% {
    stroke: #7a6167;
  }
}

@keyframes sfondo_camaleonte_motto {
  0% {
    fill: #1d1d1b;
  }
  10% {
    fill: #ff0000;
  }
  25% {
    fill: #ffff00;
  }
  50% {
    fill: #00ff00;
  }
  75% {
    fill: #0000ff;
  }
  100% {
    fill: #7a6167;
  }
}

.fadeIn {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/*RigaFadeIn*/

@-webkit-keyframes rigafadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes rigafadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.rigafadeIn {
  -webkit-animation-name: rigafadeIn;
  animation-name: rigafadeIn;
  animation-duration: 5s;
}

/*FadeOut*/

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/*FadeInDownBig*/

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -500px, 0);
    transform: translate3d(0, -500px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -500px, 0);
    transform: translate3d(0, -500px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation: fadeInDownBig 1.7s ease-in;
  animation: fadeInDownBig 1.7s ease-in;
}

/*FadeInDown*/

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation: fadeInDown 1.7s ease-in;
  animation: fadeInDown 1.7s ease-in;
  animation-fill-mode: forwards;
}

/*FadeInRight*/

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(500px, 0, 0);
    transform: translate3d(500px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*FadeInLeft*/

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500px, 0, 0);
    transform: translate3d(-500px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation: fadeInLeft 1.7s ease-in;
  animation: fadeInLeft 1.7s ease-in;
  animation-fill-mode: forwards;
}

.fadeInRight {
  -webkit-animation: fadeInRight 1.7s ease-in;
  animation: fadeInRight 1.7s ease-in;
  animation-fill-mode: forwards;
}

/**SVG caratteri**/

.fill_bianco {
  fill: var(--colore_bianco);
}

.stroke_bianco {
  stroke: var(--colore_bianco);
}

.fill_nero {
  fill: var(--colore_1d);
}

.stroke_nero {
  stroke: var(--colore_1d);
}