/* CSS Document */

<style>
* {
  box-sizing: border-box;
  font-family: Helvetica, sans-serif;
}
body, html {
	  min-height: 100%;
}


body {
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.5em;	
  background-image: 
    url("/assets/star_background.png"),
    linear-gradient(#A4D2DB, #A4D2DB, #A4D2DB,#419CD4, #a4859c,#190D4A)!important;
  background-repeat: 
    no-repeat,
    no-repeat ;
  background-position:
    top,
    top;
  background-attachment:
    fixed, scroll;
	
	color: #fff;
}

/* because this is a link tree, the main content area is the only thing that matters */

.maincontent {
	padding: 20px;
}

div.social {
	text-align: center;
	font-size: 2em;
}

p {
	padding: 10px;
}

a {
	color: #CFD982;
	text-decoration: none;
}
	
.link {
  background-color: #8C034E;
  border-radius: 40px;
  padding: 20px;
  margin: 20px;
  align-content: center;
	text-align: center;

}

.highlight {
	color: #8C034E;
	background-color: #CFD982;
	border: solid thick;
	border-color: #8C034E;
}




h1 {
  text-align:center;
  color: #fff;
}

.drawing {
	margin:auto;
}

p.small{
	font-size: .6em;
	text-align: center;
}

.emoji {
  height: 1.2em;
  width: auto;
  vertical-align: middle;
}

/* A break point for them Big Screens, you give me nice dreams, you make me wanna scream ooh ooh ooh I love what you do, when you do, what you do you make me wanna Shoop... (portrait tablets and large phones, 1024px and up) */
@media only screen and (min-width: 1024px) {

	body{
		font-size: 1em;
	}
	
	
	.maincontent {
		max-width: 600px;
		margin: auto;
		border-style: solid;
		border-width: thick;
		border-color: rgba(255,255,255,0.4) ;
		border-radius: 20px 20px 0 0;
		
	}

}