/* BASE CODE */
/* BASE CODE */
html {
	scroll-behavior: smooth;
}
body {
     width: 100%;
     max-width: 900px;
     margin: 0 auto;
     font-size: 1.25em;
     background-color: burlywood;
     padding-top: .5em;
}
 body, p, div, input, ul, li {
     font-family: 'Arial', sans-serif !important;
     font-weight: 400;
}
 h1, h2, h3 {
     font-family:'Arial', sans-serif !important;
     font-weight: 400;
}
 h1 {
     font-size: 2.5em;
     margin: .67em 0;
     letter-spacing: 0.35em;
     font-weight: 800 !important;
     transform: scale(1, 2);
}
 p {
     text-align: justify;
     text-justify: inter-word;
}
 a {
     color: navy;
}

 a:visited {
     color: navy;
}

 li {
     margin-right: 1em;
}
 li::marker {
     color: #fff;
}

summary {
  display: list-item;
  outline: none;
  cursor: pointer;
}

summary::marker {
	color: #fff;
}

details > p {
  margin-left: 24px;
}
details details {
  margin-left: 36px;
}
details details summary {
  font-size: 16px;
}

summary:focus {
  outline-style: none;
}

details, summary {
  text-decoration: none !important;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

/* CUSTOM CLASSES IDS */
/* CUSTOM CLASSES IDS */

.grecaptcha-badge {
	z-index: 100;
}

.title {
     text-align: center;
}
 .title p {
     margin: 0;
}
 .pure-g {
     font-family: 'Arial', sans-serif !important;
}
 .pure-g > div {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .l-box {
     padding: 1em 1em 1em 1em;
}
 .project {
    padding-bottom: 8vh;
}
 #answer, #show, #hide:target {
     display: none;
}
 #hide:target + #show, #hide:target ~ #answer {
     display: inherit;
}
 .step-section details .l-box {
     padding: 0em;
}
 .letter-list::first-letter {
     color: #fff;
}
 .big {
     font-size: 1.15em;
     padding: 0.8em 0em 0em 0em;
     margin: 0;
     text-decoration: none;
     font-family:'Arial', sans-serif !important;
     transform: scale(1.25,1);
     transform-origin: 0;
     font-weight: 900;
     width: 81%;
}
 .noselect {
     -webkit-touch-callout: none;
    /* iOS Safari */
     -webkit-user-select: none;
    /* Safari */
     -khtml-user-select: none;
    /* Konqueror HTML */
     -moz-user-select: none;
    /* Old versions of Firefox */
     -ms-user-select: none;
    /* Internet Explorer/Edge */
     user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
 .emailoctopus-form-wrapper {
     margin-left: 24px;
}

 .steps {
     columns: 1;
     -webkit-columns: 1;
     -moz-columns: 1;
     list-style-type: upper-alpha;
}
 .steps li {
    padding: 0px 0px 15px 0px;
}
 .step-section p {
    text-align: justify;
}
 .step-section .l-box {
    padding: .5em .5em .5em .5em;
}
.sticky-menu {
	display: none;
}


/* FULL SIZE CODE */
/* FULL SIZE CODE */
@media screen and (min-width: 48em){
     body {
         font-size: 1.75em;
         margin-top: 2em;
    }
     h1 {
         font-weight: 800;
         letter-spacing: .75em;
         font-size: 2.5em;
         margin-left: .5em;
         margin-bottom: .25em;
    }
     .big {
         font-size: 1.5em;
    }
     ul {
         columns: 2;
         -webkit-columns: 2;
         -moz-columns: 2;
    }
     ul li ul {
         columns: 1;
         -webkit-columns: 1;
         -moz-columns: 1;
    }
     .step-section details .l-box {
         padding: 1em;
    }
    .sticky-menu {
    display: block;
	position: fixed;
    bottom: 0;
    left: 0;
    font-size: .5em;
    width: 100%;
    z-index: 99;
    background: #fff;
	}
	.sticky-menu ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 10px;
	  overflow: hidden;
	  background-color: #fff;
	  columns: 1;
	  -webkit-columns: 1;
	  -moz-columns: 1;
	  display: flex;
      justify-content: center;
	}
	.sticky-menu li {
	  float: left;
    margin-right: 2.1em;
    font-size: 1.2em;
	}
	.sticky-menu li a {
	  display: block;
	  text-align: center;
	  text-decoration: none;
	}
}