html, body{width:100%; height: 100%; margin: 0; font-size:16px}
body{background: #fff; color:#333; font-family: "Open Sans", sans-serif; box-sizing: border-box; padding-top: 100px; overflow-x: hidden}

#bg-dark-blue{background-color:var(--dark-blue); color:#fff}
#bg-blue{background-color:var(--blue); color:#fff}
#bg-pink{background-color:var(--pink); color:#fff}

footer{padding: 15px; margin:0; display:block; background: var(--dark-blue); color: #fff; text-align: center; font-size:0.8rem; border-top:5px solid var(--purple)}
#wrap{margin: 0 auto; padding: 0; display: block}

div, input, textarea{box-sizing: border-box}
h1, h2, h3, h4, h5, h6{/*font-family:"all-round-gothic";*/ color:var(--purple); font-weight:800}
h1{color:var(--pink); font-size:3rem; padding: 0; margin: 0 0 30px; text-align: center}
h2{font-size: 2rem}
a{text-decoration: none; transition:all 300ms ease}

input[type=date], input[type=text], input[type=number], input[type=email], input[type=password], select, textarea{padding:10px; font-size:1rem; color: #333; border:1px solid #ccc; width:100%; box-sizing: border-box; border-radius:2px;}
label{display:block; font-size:0.8rem; font-weight:700; padding: 0; margin: 20px 0 5px; color:var(--blue)}
input[type=button], input[type=submit], .button{background: var(--pink); text-decoration:none; text-transform: uppercase; text-align:center; color:#fff; padding: 10px 20px; font-size: 0.8rem; font-weight:700; text-shadow:1px 1px 1px rgb(0,0,0,0.2); display: block; border:0px; margin: 10px 0; border-radius:90px; cursor:pointer; transition:all 300ms ease-in-out}
input[type=button]:hover, input[type=submit]:hover, .button:hover{background:var(--purple)}
input[type=number]{max-width: 100px}
select{}
select.multiple{border:1px solid #ccc; box-shadow: inset 1px 1px 5px rgb(0,0,0,0.3)}
textarea{font-family: "Open Sans", sans-serif}

.hidden{display:none !important}
.button{display: inline-block; border-radius:90px; text-transform: uppercase}
.bluebutton{background-color: var(--blue)}
.bluebutton:hover{background-color: var(--dark-blue)}
.followbutton{padding:5px 10px; font-size:0.7rem}
.followbutton i{margin-right: 5px}
.unfollowbutton{background-color: var(--dark-blue)}
.helper{font-size:0.8rem; opacity: 0.8; transition:all 300ms ease}
.helper:hover{opacity: 1}
.text-desc{font-size:0.6rem; color: #666; padding: 4px 0 10px}