/*
        IRL INVISPIDE / info: media@INVISPIDE.com  XcgiPyjthng3dtG

        88      a8P   88             ,ad8888ba,    88  88888888ba
        88    ,88'    88            d8"'    `"8b   ""  88      "8b
        88  ,88"      88           d8'        `8b      88      ,8P
        88,d88'       88           88          88  88  88aaaaaa8P'
        8888"88,      88           88          88  88  88""""""8b,
        88P   Y8b     88           Y8,        ,8P  88  88      `8b
        88     "88,   88            Y8a.    .a8P   88  88      a8P
        88       Y8b  88888888888    `"Y8888Y"'    88  88888888P"

       principi ed obblighi di partecipazione -------------------------------------------------------------- */
body{

	background: url(mkg.svg) no-repeat center fixed;
	background-size: cover;

}
html { background-color:#16151c;font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;text-decoration: none;
}
#sprak{

            position:fixed;
            padding:10px;
            right:0;
            left:0;
            top:0;
            width:100%;


            transition:transform .3s;
            box-sizing:border-box;
        }
         #sprak.scrolled{

            -webkit-transform:translate3d(0,-80px,0);
            -moz-transform:translate3d(0,-80px,0);
            transform:translate3d(0,-80px,0);
        }
button{


            cursor:pointer;
            padding:5px;
            margin-top:5px;

        }
         button:hover{
            background: linear-gradient(rgb(127, 2, 5), rgb(2, 184, 35));
            cursor:pointer;
            padding:5px;
            margin-top:5px;


        }
        details>summary {
	list-style: none;
}
details:hover {
	background-color: #EBF20C75;
	}
details summary::-webkit-details-marker {
  display:none;
}
#info:hover {
	background-color: #01092075;
	}

textarea:focus, input:focus{
    outline: none;
}
.mySlides {
	display: none;
}

.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

h1 {
	font-size: calc(1rem + 2vw);
	text-shadow: 0 2px 2px rgba(0, 0, 0, .5);
	margin: auto;
}

h2 {
	font-size: 2em;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .5)
}

.tux {
	background-image: linear-gradient(166deg, #EFF0F1 27%, #09BCBC 72%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: calc(3rem + 7vw);
	letter-spacing: -5.27px;
	line-height: 1px;
	font-weight: 900;
	font-style: oblique;
}

.xdb {
	width: 100%;
overflow: hidden;
	box-sizing: border-box;
	align-content: space-between;
}

.xdbd {
	overflow: hidden;
	transition: .5s;
	margin: 0;
	box-shadow: 0 20px 30px rgba(0, 0, 0, .0);
	box-sizing: border-box;
	flex-basis: 60%;
}

@media only screen and (min-width: 900px) {
	.xdb {
		display: flex;
		justify-content: space-around;
	}
}

p {
	padding: .8em;
	text-align: left;
	color: #1f1f22;
}



a:link {
 	text-align: center;
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	 padding: 12px;
	letter-spacing: -.07em;
	line-height: 2em;
	font-weight: 600;
}

a:hover {
 	text-align: center;
	font-size: 1.3em;
	text-decoration: none;
	 padding: 12px;;
	letter-spacing: -.07em;
	line-height: 2em;
	font-weight: 600;
	color: #fff;
}

a:visited {
 	color: #fff;
	text-align: center;
	font-size: 1.3em;
	text-decoration: none;
	 padding: 12px;
	letter-spacing: -.07em;
	line-height:  2em;
	font-weight: 600;
}

hr {
	background-color: #fff;
	height: 1px;
	width: 100%;
}
#top {
    position:fixed;right:10px;bottom:10px;
}

@media only screen and (max-width: 1024px) {
	.mobide {
		display: none;
	}
}

@media only screen and (min-width: 1024px) {
	.top {
		display: none;
	}
}