html { font-size: 1em; line-height: 1.4; }
body { background-color: #2b2b2b; color: #fff; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.hidden { display: none !important; }
.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; /* 1 */ }
.sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; }
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }

@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
@media print {
  *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after {  content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/** Added by Mattt **/

h2 { margin-bottom: 2rem; }

.navbar { background-color: #2b2b2b !important; }
.navbar-brand { color: #0bb5ff !important; font-weight: bold; }

.features-icons { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.features-icons-item a { text-decoration: none; color: #000; outline: 0; }

#content { background-color: #2b2b2b; color: #fff; max-width: 1100px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; padding: 10px; /* border: 1px solid lightgray; border-radius: 5px; */ /* text-align: center; */ }

/** Profile browse / results pages **/
#profiles { max-width: 650px; border: 1px solid lightgray; }
.profilecard { display: flex; height: 125px; border: 1px solid lightgray; margin: 0 auto; margin: 10px; }
.profilepic { margin: 5px; width: 30%; border: 1px solid lightgray; }
.profilename { color: #007bff; font-weight: bold; }
.profilecontent { margin: 5px; width: 100%; border: 1px solid lightgray;}
/** End profile browse / results pages **/

#signin, #register, #verify { max-width: 400px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; text-align: center; }
#signin input, #signin button, #register input, #register button { margin-bottom: 10px; }

.highlt { font-weight: bold; color: #00ffb5; text-align: center; }
.err { font-weight: bold; color: red; text-align: center; }
label.error { color: red; }

#profilepicdropzone, #gallerypicsdropzone { background: palegreen; width: 150px; height: 50px; line-height: 50px; text-align: center; font-weight: bold; }
#profilepicdropzone.in, #gallerypicsdropzone.in { width: 600px; height: 200px; line-height: 200px; font-size: larger; }
#profilepicdropzone.hover, #gallerypicsdropzone.hover { background: lawngreen; }
#profilepicdropzone.fade, #gallerypicsdropzone.fade { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 1; }
/* Upload status bars */
#profilepicprogress, #gallerypicsprogress { display: block; }
.bar { display: block; width: 0; height: 18px; background: green; }

/* Profile form */
#profileformcontainer { max-width: 800px; margin: 0 auto; border-radius: 5px; background-color: #2b2b2b; padding: 20px; margin-top: 25px; margin-bottom: 25px; }
label { padding: 12px 12px 12px 0; display: inline-block; }
input[type=text], input[type=file], select, textarea { padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; resize: vertical; }
#result { text-align: center; font-weight: bold; }
button[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: right; }
.col-25 { float: left; width: 25%; margin-top: 6px; }
.col-75 { float: left; width: 75%; margin-top: 6px; }
.row:after { content: ""; display: table; clear: both; }
@media screen and (max-width: 600px) { .col-25, .col-75, input[type=submit], input[type=file] { width: 100%; margin-top: 0; } }
/* End profile form */

.footer { background-color: #2b2b2b !important; }

.blink { animation: blinker 2s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }


/*  #0bb5ff  */