@font-face {
    font-family: spartan;
    font-weight: 200;
    src: url(../fonts/Spartan-Thin.ttf) format("truetype");
}
@font-face {
    font-family: spartan;
    font-weight: 300;
    src: url(../fonts/Spartan-Light.ttf) format("truetype");
}
@font-face {
    font-family: spartan;
    src: url(../fonts/Spartan-Regular.ttf) format("truetype");
}
@font-face {
    font-family: spartan;
    font-weight: 600;
    src: url(../fonts/Spartan-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: spartan;
    font-weight: 700;
    src: url(../fonts/Spartan-Bold.ttf) format("truetype");
}
@font-face {
    font-family: spartan;
    font-weight: 800;
    src: url(../fonts/Spartan-ExtraBold.ttf) format("truetype");
}
@font-face {
    font-family: spartan;
    font-weight: 900;
    src: url(../fonts/Spartan-Black.ttf) format("truetype");
}
* {
    box-sizing: border-box;
}
html, body {
    width: 100%;
    margin: 0;
    --color-pink: #ff85e8;
    --color-lightblue: #87a5db;
    --color-blue: #3165bf;
    --color-darkblue: #061d83;
    --color-main1: #ff4895;
    --color-main2: var(--color-pink);
    --color-main3: #8068e3;
}
body {
    height: 100%;
    background-image: url(background.png);
    background-position: top center;
    background-repeat: repeat-x;
    background-color: var(--color-darkblue);
    color: #FFF;
    font-family: spartan;
}
body.menuopen {
    overflow: hidden;
}
break {
    display: block;
}
break + break {
    margin-top: 10px;
}
break + break + break {
    margin-top: 20px;
}
button {
    font-family: inherit;
    border: none;
    background-color: initial;
    cursor: pointer;
}
h1 {
    color: var(--color-pink);
    margin: 0 0 20px 0;
}
h2 {
    margin: 10px 0 20px 0;
    font-weight: 600;
}
a {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.anchor {
    position: relative;
    top: -100px;
}
button {
    background-color: var(--color-pink);
    color: #FFF;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: bold;
    text-align: center;
}
loading {
    display: block;
    height: 100px;
    background-image: url(loading.svg?2);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: auto 50px;
    width: 100%;
    height: 60px;
    background-color: var(--color-pink);
    box-shadow: 0 0 10px #000;
    padding: 0 20px 0 70px;
    z-index: 100;
}
header div.logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
header div.logo img {
    display: block;
    height: 50px;
}
header button.menu {
    height: 24px;
    margin: 18px 0;
    background-image: url(menu_icon.png?1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.5s ease-in-out;
}
body.menuopen header button.menu {
    background-image: url(close_icon.png?1);
}
menu {
    position: fixed;
    top: 60px;
    left: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 50px;
    align-items: center;
    justify-items: center;
    text-align: center;
    height: calc(100% - 60px);
    background-color: var(--color-darkblue);
    color: var(--color-pink);
    width: 100%;
    margin: 0;
    padding: 50px 20px;
    overflow: auto;
    transition: left 0.5s ease-in-out;
    z-index: 100;
}
body.menuopen menu {
    left: 0;
}
menu a, menu div {
    width: 100%;
    max-width: 500px;
    margin: auto;
    border-radius: 75px;
    font-size: 23px;
    text-transform: uppercase;
    background-color: var(--color-pink);
    color: #FFF;
    padding: 20px 0 15px 0;
}
menu div {
	opacity: 0.7;
}
menu a.magenta, menu div.magenta {
	background-color: var(--color-main1);
}
content {
    display: block;
    margin: 0 auto;
    padding: 110px 50px 50px 50px;
    width: 100%;
}
content:not(.full) {
    max-width: 1000px;
}
@media (max-width: 600px) {
    content {
        padding: 85px 25px 25px 25px;
    }
}
content .roundbutton {
    display: flex;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    font-size: 14px;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #FFF;
    background-color: var(--color-pink);
    border-radius: 75px;
    font-weight: bold;
    padding: 20px;
    cursor: pointer;
}
content .roundbutton.magenta {
    background-color: var(--color-main1);
}
content .roundbutton.blue {
    background-color: var(--color-lightblue);
}
content .roundbutton.blue.selected {
    background-color: var(--color-blue);
}
content img.logo {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
    margin-bottom: 30px;
}
content div.maintitle {
    text-align: center;
    text-transform: uppercase;
}
content div.maintitle h1 {
    font-size: 40px;
    color: #FFF;
    font-weight: 900;
}
@media (max-width: 600px) {
    content div.maintitle h1 {
        font-size: 25px;
    }
}
content div.maintitle h2 {
    font-size: 40px;
    color: #FFF;
    margin-bottom: 25px;
}
@media (max-width: 600px) {
    content div.maintitle h2 {
        font-size: 20px;
    }
}
content div.maindescription {
    margin-top: 15px;
    text-align: center;
}
content div.resultsbutton a.roundbutton {
	width: 200px;
	height: 200px;
	border-radius: 100px;
	font-size: 20px;
	margin: 30px auto 0 auto;
    animation: resultsGlow 2s infinite ease-in-out;
}
@keyframes resultsGlow {
    0%, 100% {
        box-shadow:
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 7px #ffc107,
                    0 0 10px #ffc107,
                    0 0 21px #ffc107;
    }
    50% {
        box-shadow: 0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107,
                    0 0 3px  #ffc107;
    }
}
content div.links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin: 30px 0 80px 0;
}
@media screen and (max-width: 1000px) {
    content div.links[data-iscrizioni='1'] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        row-gap: 20px;
        gap: 30px;
    }
    content div.links[data-iscrizioni='1'] .roundbutton {
        display: block;
        height: auto;
        min-height: initial;
        max-height: initial;
        width: 100%;
        min-width: initial;
        max-width: initial;
    }
}
@media screen and (max-width: 700px) {
    content div.links[data-iscrizioni='0'] {
        display: grid;
        grid-template-columns: 100%;
        gap: 20px;
    }
    content div.links[data-iscrizioni='0'] .roundbutton {
        display: block;
        height: auto;
        min-height: initial;
        max-height: initial;
        width: 100%;
        min-width: initial;
        max-width: initial;
        padding: 10px 0 6px 0;
    }
}
@media screen and (max-width: 450px) {
    content div.links[data-iscrizioni='1'] {
        grid-template-columns: 100%;
        gap: 20px;
    }
    content div.links[data-iscrizioni='1'] .roundbutton {
        padding: 10px 0 6px 0;
    }
}
content div.section {
    text-align: center;
}
content div.steps {
    display: flex;
    flex-direction: column;
    gap: 70px;
    text-align: left;
    margin: 80px 0 50px 0;
}
content div.steps h1,
content div.finalsteps h1 {
    margin-bottom: 30px;
}
content div.steps div.item {
    display: grid;
    grid-template: "image text" / 200px auto;
    column-gap: 40px;
    text-align: left;
    text-wrap-style: balance;
}
content div.steps div.item.right {
    grid-template: "text image" / auto 200px;
    text-align: right;
}
@media screen and (max-width: 800px) {
    body {
        font-size: 11px;
    }
    content div.steps div.item,
    content div.steps div.item.right {
        grid-template: "image" "text" / 100%;
        text-align: center;
        row-gap: 30px;
    }
    content div.steps div.item img {
        max-width: 150px;
        margin: 0 auto;
    }
}
content div.steps div.item img {
    grid-area: image;
    width: 100%;
}
content div.steps h1:not(:first-child),
content div.finalsteps h1 {
    margin-top: 50px;
}
content div.steps div.list div.button {
    text-align: center;
}
content div.steps div.list img {
    max-width: 100%;
    width: 400px;
    margin: 50px auto;
    border-radius: 6vw;
}
content div.steps div.button {
    margin-top: 20px;
}
content div.steps div.closedsubscriptions {
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
    color: var(--color-main1);
	font-size: 150%;
}
content div.finalsteps {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
content div.finalsteps div.graph {
    display: grid;
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    column-gap: 30px;
    row-gap: 30px;
    font-weight: bold;
    margin-top: 30px;
}
content div.finalsteps div.graph div.left div.one,
content div.finalsteps div.graph div.left div.two,
content div.finalsteps div.graph div.left div.three {
    color: #FFF;
    padding: 10px 5px;
    border-radius: 50px;
    text-align: center;
}
content div.finalsteps div.graph div.left div.one {
    background-color: #9a02e1;
}
content div.finalsteps div.graph div.left div.two {
    background-color: #f029e4;
    margin-top: 10px;
}
content div.finalsteps div.graph div.left div.three {
    background-color: #459af5;
    margin-top: 10px;
}
content div.finalsteps div.graph div.right div.one {
    display: flex;
    align-items: center;
	text-align: center;
    justify-content: center;
    height: 100%;
    border-radius: 20px;
    background-color: #d55abe;
}
content div.section.edition {
    display: none;
    background-color: var(--color-pink);
    border-radius: 50px;
    font-weight: 600;
    padding: 70px;
}
content div.section.edition.selected {
    display: block;
}
content div.section.edition h1 {
    color: #FFF;
    margin-bottom: 30px;
}
content div.section.edition img {
    display: block;
    width: 100%;
    max-width: 350px;
    border-radius: 20px;
    margin: 30px auto 0 auto;
}
content div.section.edition div.credits {
    font-size: 11px;
    margin-top: 20px;
}
content div.section.edition {
    padding: 30px;
}
content div.editions {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    font-size: 16px;
    padding: 0 20px;
}
content div.editions div.edition {
    width: calc((100% - 120px) / 7); /* 7 colonne, 6 gap di 20px */
    padding: 10px 10px 5px 10px;
    text-align: center;
    border-radius: 100px;
    font-weight: bold;
    cursor: pointer;
    background-color: var(--color-lightblue);
    transition: background-color 0.3s, color 0.3s;
}
content div.editions div.edition.selected {
    text-decoration: underline;
    background-color: var(--color-blue);
}
@media (max-width: 850px) {
    content div.editions div.edition {
        width: calc((100% - 60px) / 4); /* 4 colonne, 3 gap di 20px */
    }
}
@media (max-width: 550px) {
    content div.editions {
        padding: 0 10px;
        font-size: 15px;
    }
    content div.editions div.edition {
        width: calc((100% - 40px) / 3); /* 3 colonne, 2 gap di 20px */
    }
}
@media (max-width: 400px) {
    content div.editions {
        padding: 0;
        font-size: 14px;
    }
    content div.editions div.edition {
        width: calc((100% - 20px) / 2); /* 2 colonne, 1 gap di 20px */
    }
}
content div.rules {
    margin-top: 70px;
    text-wrap-style: balance;
}
content div.rules div.article {
    font-weight: bold;
    font-size: 150%;
    margin: 50px 0 20px 0;
    color: #ff4895;
}

content form {
    display: block;
    width: 90%;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
}
content form label {
    display: block;
    margin-top: 30px;
}
content input[type='date'],
content input[type='time'],
content input[type='text'],
content input[type='password'],
content input[type='email'],
content select {
    width: 100%;
    background-color: #FFF;
    border-radius: 50px;
    padding: 10px;
    border: 0;
    font-family: inherit;
    margin-top: 10px;
}
content form div.tip {
    font-size: 12px;
    margin-top: 10px;
}
content form div.privacy {
    background-color: #FFF;
    border-radius: 20px;
    padding: 20px;
    height: 300px;
    overflow: auto;
    font-size: 12px;
    margin-top: 30px;
    color: #000;
    word-break: break-word;
}
content form div.privacy div {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
}
content form label.checkbox {
    display: flex;
    gap: 5px;
    align-items: center;
    text-align: left;
}
content form button {
    width: 300px;
    max-width: 90%;
    padding: 15px;
    font-size: 20px;
    margin-top: 30px;
}
content div.inlinemenu {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
}
content div.logout {
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
    margin: -10px 0 20px 0;
}
content input[name='code'] {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
}
content div.timer {
    position: sticky;
    top: 100px;
    display: table;
    background-color: #d80000;
    border-radius: 10px;
	text-align: center;
    padding: 5px 20px 0 20px;
    line-height: 40px;
    margin: -10px auto 50px auto;
    box-shadow: 0 0 10px #FFF;
    z-index: 100;
}
content div.date {
    text-align: center;
    font-weight: bold;
    color: var(--color-main1);
}

button#iscriviti {
    background-color: #ff4895;
    color: #FFF;
    padding: 15px 50px 10px 50px;
    border-radius: 50px;
    font-weight: bold;
    text-align: center;
    font-size: 25px;
    border: 1px solid #FFF;
    animation: iscrivitiGlow 1s infinite alternate ease-in-out;
}
@keyframes iscrivitiGlow {
    0% {
        box-shadow: 0 0 30px 5px #ff4895;
    }
    100% {
        box-shadow: 0;
    }
}
@media (max-width: 700px) {
    button#iscriviti {
        font-size: 18px;
    }
    content div.steps div.images {
        display: none;
    }
    content div.steps {
        grid-template-columns: 100%;
    }
    .mobile {
        display: block!important;
    }
    content div.section.edition {
        padding: 50px 30px;
    }
}
.mobile {
    display: none;
}
content div.privacy {
    margin-top: 50px;
    text-align: center;
}
div.alert {
	display: grid;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	align-items: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
    z-index: 10000;
}
div.alert.visible {
	opacity: 1;
}
div.alert > div.container {
	max-height: calc(100% - 100px);
	width: 90%;
	max-width: 400px;
	background-color: #FFF;
	padding: 20px 30px;
	margin: 0 auto;
    color: var(--color-darkblue);
	border-radius: 10px;
	vertical-align: middle;
	overflow-y: auto;
	overscroll-behavior: contain;
}
div.alert[data-size='medium'] > div.container {
	max-width: 550px;
}
div.alert[data-size='large'] > div.container {
	max-width: 720px;
}
div.alert > div.container h1 {
	font-size: 23px;
	margin-bottom: 15px;
	font-weight: 600;
    color: var(--color-blue);
}
div.alert > div.container > div.content {
	font-size: 17px;
	line-height: 20px;
}
div.alert > div.container > div.content .center {
	text-align: center;
	margin: 0 auto;
}
div.alert > div.container > div.content div.big {
	text-align: center;
	font-size: 30px;
	line-height: 1.2;
	padding: 10px 0;
	font-weight: bold;
}
div.alert > div.container > div.content div.small {
	font-size: 14px;
	line-height: 17px;
	margin-top: 10px;
}
div.alert > div.container > button {
	float: right;
    width: auto;
	margin: 20px 0 0 10px;
	padding: 0 20px;
	line-height: 35px;
    background-color: var(--color-darkblue);
	text-transform: uppercase;
	cursor: pointer;
	font-size: 15px;
	transition: all 0.1s linear;
}
div.alert > div.container > button:hover {
    opacity: 0.8;
}
.w100 {
    width: 100px;
}
.w200 {
    width: 200px;
}
.w300 {
    width: 300px;
}
.w400 {
    width: 400px;
}
.w500 {
    width: 500px;
}
.w600 {
    width: 600px;
}
.w700 {
    width: 700px;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
a.subscriptionsopen {
    color: #FFF;
    border-radius: 10px;
    -font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    display: block;
    margin: 30px 0;
    animation: subscriptionsopenGlow 1s infinite alternate ease-in-out;
}
@keyframes subscriptionsopenGlow {
    0% {
        text-shadow:
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 7px #ffc107,
                    0 0 10px #ffc107,
                    0 0 21px #ffc107,
                    0 0 42px #ffc107,
                    0 0 82px #ffc107;
    }
    100% {
        text-shadow: 0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895,
                    0 0 3px  #ff4895;
    }
}
div.question{
	margin: 5vh 0 2vh 0;
	font-size: 5vw;
	font-weight: bold;
    border-radius: 10px;
    text-align: center;
}
div.answers{
	text-align: center;
}
table.answer{
	display: inline-table;
	width: 90%;
	max-width: 500px;
	margin: 5px 20px;
	background-color: rgba(0,0,0,0.2);
	border-radius: 5px;
}
table.answer tr{
	cursor: pointer;
}
table.answer td.min{
	width: 1%;
}
table.answer div.checkbox{
	position: relative;
	top: 0;
	left: 0;
	width: 7vw;
	max-width: 35px;
	height: 7vw;
	max-height: 35px;
	margin-right: 10px;
	border-radius: 3px;
	background-color: #ff85e8;
}
table.answer.checked div.checkbox{
	background-image: url(data:image/png;base64,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);
	background-size: 80% auto;
	background-position: center;
	background-repeat: no-repeat;
}
table.answer img{
	display: block;
	width: 20vw;
	max-width: 100px;
	margin: 0 auto;
	border-radius: 5px;
}
div.recap table.answer{
	vertical-align: middle;
}
div.recap table.answer td{
	padding-left: 20px;
}
div.vote, div.next, div.prev, div.edit{
	display: inline-table;
	background-color: #ff85e8;
	color: #24479c;
	font-size: 4vw;
	font-weight: bold;
	border-radius: 5px;
	margin: 20px auto 100px auto;
	padding: 20px 100px 10px 100px;
	cursor: pointer;
}
div.vote {
	margin: 50px auto 20px auto;
    box-shadow: 0 0 10px #FFF, inset 0 0 0 2px #D80000, inset 0 0 0 3px #000, inset 0 0 0 5px gold, inset 0 0 0 6px #000;
}
div.prev, div.vote{
	display: table;
}
div.prev{
	margin-bottom: 0;
}
div.edit{
	margin: 0;
	vertical-align: middle;
}
div.vote.disabled{
	opacity: 0.5;
}
div.restartvote{
    background-color: #FFF;
    color: var(--color-darkblue);
    margin-top: 30px;
    padding: 20px;
    border-radius: 10px;
    font-weight: bold;
}
@media (min-width: 800px){
	div.logo{
		font-size: 60px;
		line-height: 49px;
		letter-spacing: 8px;
	}
	div.title{
		font-size: 80px;
		line-height: 65px;
	}
	div.subtitle{
		font-size: 40px;
		line-height: 35px;
		letter-spacing: 2px;
	}
	div.date{
		font-size: 30px;
		margin-bottom: 20px;
	}
	div.description{
		font-size: 28px;
	}
	div.errormessage{
		font-size: 45px;
	}
	div.errormessage div{
		font-size: 32px;
	}
	div.question{
		font-size: 40px;
	}
	div.answer{
		width: 300px;
	}
	div.vote, div.next, div.prev, div.edit{
		font-size: 33px;
	}
	div.prev{
		display: inline-table;
		margin-bottom: 100px;
	}
	div.buttonmargins{
		display: inline-table;
		width: 20px;
	}
}