html, body {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	margin:0;
	
  }

input[type='checkbox'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}

input[type='checkbox']:checked {
    background: #abd;
}


.menu {display: none}
/*.bgimg {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/w3images/pizza.jpg");
    min-height: 100%;
}*/

.add_floating_buttton{
    color: #fff;
    background-color: #4caf50;
    border-radius: 50%;
    padding-left: 25px;
    padding-right: 25px;
    position: fixed;
    bottom: 40px;
    right: 40px;
}

.add_floating_buttton:hover{
    color: #fff!important;
    background-color: #6bd670!important;
}

.changing_background {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	animation: color-animation 14s infinite linear alternate;
	 min-height: 100%;
}


@keyframes color-animation {
	0% {
		background-color: #45a3e5;
	}
	17% {
		background-color: #3cc;
	}
	34% {
		background-color: #66bf39;
	}
	51% {
		background-color: #ffa602;
	}
	67% {
		background-color: #eb670f;
	}
	84% {
		background-color: #f35;
	}
	100% {
		background-color: #864cbf;
	}
}