@font-face {
    font-family: "concert one";
    src: url("ConcertOne-Regular.ttf") format("truetype");
}

html {
  scrollbar-color: darkkhaki #eeeeee;
  scrollbar-width: thin;
  }

::selection{
  background:palegoldenrod;
  color:olive;
}

body {
    background-color: olive;
    background-repeat:no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

#content {
    background-image: linear-gradient(lightsteelblue,burlywood);
	font-family: "concert one",sans-serif;
    font-size: 18pt;
    color: darkslategrey;
	max-width: 900px;
    height: inherit;
	margin: -5% auto;
	padding: 15% 5% 5%;
	position: relative;
}

#snailblock {
    background-color: lightsteelblue;
    padding: 5px 20px;
    border-radius: 20px;
    align-content: center;
}

#disclaimer {
    border-style: solid;
    border-color: olive;
    padding: 5px 20px;
    margin: 2%;
    border-radius: 20px;
    align-content: center;
}

#sparklesnailblock {
    background-image: linear-gradient(lightpink,navajowhite,lemonchiffon,lightgoldenrodyellow,aliceblue,lavender);
    padding: 5px 20px;
    margin: 0% 25%;
    border-radius: 20px;
    align-content: center;
}

.pixelleaves {
    top: 0;
    left: 0;
    right: 0;
	position: fixed;
    max-width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 90% 100%, 69% 54%, 31% 54%, 13% 100%, 0 100%);
}

header {
	text-align: center;
}

h1 {
    font-size: 40pt;
}

a:link, a:visited {
  color: darkslategray;      
}

a:hover, a:active {
  color: olive;
}

footer {
    text-align: center;
    padding: inherit;
}

@media only screen and (max-width: 750px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
    }}