body {
            width: 60%;
	    height: 100%;
            margin: 0 auto;
            background-color: #fff;
            background-repeat: repeat-y;
            background-image: repeating-linear-gradient(45deg, #0dde6b, #0dde6b 20px, black 40px, black 30px);
            animation: barberpole 9s linear infinite;
            background-size: 150% 100%;
	    padding: 5vh;
	    padding-bottom: 10vh;
	    font-family: 'Kosugi Maru', cursive;
        }

@keyframes barberpole {
            0% {
                background-position: 0% 0%;
            }
            100% {
                background-position: -75px 0px;
            }

        }

h1 {
	color: #f4e3f3;
	padding: 1vh;
	font-size: 4rem;
        text-shadow: 0px 0px 0 #899CD5, 1px 1px 0 #8194CD, 2px 2px 0 #788BC4, 3px 3px 0 #6F82BB, 4px 4px 0 #677AB3, 5px 5px 0 #5E71AA, 6px 6px 0 #5568A1, 7px 7px 0 #4C5F98, 8px 8px 0 #445790, 9px 9px 0 #3B4E87, 10px 10px 0 #32457E, 11px 11px 0 #2A3D76, 12px 12px 0 #21346D, 13px 13px 0 #182B64, 14px 14px 0 #0F225B, 15px 15px 0 #071A53, 16px 16px 0 #02114A, 17px 17px 0 #0B0841, 18px 18px 0 #130039, 19px 19px 0 #1C0930, 20px 20px 0 #251227, 21px 21px 20px rgba(0,0,0,1), 21px 21px 1px rgba(0,0,0,0.5), 0px 0px 20px rgba(0,0,0,.2), 2px 2px 2px rgba(35,30,33,0);
}

h3, h4 {
	padding: 0.5rem;
	color: #f4e3f3;
	background-color: black;
	display: inline; 
	margin: 0.25rem;
}

h3 {
	font-size: 2.75rem;
}

h4 {
        font-size: 1.8rem;
	color: #d40dde;
}

p {
	padding: 3vmin;
	font-size: 2rem;
	color: #d40dde;
	background-color: black;
	display: block;
}

li {
	list-style-type: none;
	display: inline-block;
	font-size: 4rem;
	padding: 0.3em;
        color: green !important;
	background-color: black;
}

footer {
/*	position: absolute; */
	bottom: 0;
	right: 4vh;
	height: 9vh;
	display: block;
}

a {
	background-color: black;
}

.question {
	font-size: 10vh;
	color: #6cf;
	text-align: right;
}
 
.sections {
         display: block;
}

#head {
  position: absolute;
  left: 1vmin;
  top: 1vmin;
  width: 8vmin;
  height: 8vmin;
}