/* Disable mobile font boosting */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.main-style {
	text-align: center;
	font-family: Tahoma;
	font-size: small;
	color: #cab4ae;
	letter-spacing: 2px;
}

.heart-style {
	text-align: center;
	font-family: Tahoma;
	font-size: small;
	color: #cab4ae;
	letter-spacing: 2px;
}

.table-header {
	text-align: center;
	font-family: Tahoma;
	font-size: small;
	color: #ffffff;
	letter-spacing: 2px;
	background-color: #f5d0d0;
}

.update-box-border {
	border: 1px dashed #cfe3c3;
}

.update-box-bars {
	background-color: #f5d0d0;
	font-family: Tahoma;
	font-size: small;
	color: #FFFFFF;
	letter-spacing: 1px;
}

.subtitle-style {
	text-align: center;
	font-family: Tahoma;
	font-size: 24px;
	font-weight: bold;
	color: #d3e2c6;
	letter-spacing: 2px;
	text-shadow: -1px 1px #7e8f81;
  	-webkit-text-stroke: 1px #7e8f81;
}

.copyright-style {
	text-align: center;
	font-family: Tahoma;
	font-size: x-small;
	color: #cab4ae;
	letter-spacing: 2px;
}

.second-style {
	text-align: center;
	font-family: Tahoma;
	font-size: medium;
	color: #f5d0d0;
	letter-spacing: 2px;
}

.form-outline {
	text-align: center;
	font-family: Tahoma;
	font-size: small;
	color: #f5d0d0;
	letter-spacing: 2px;
	border: 2px solid #cfe3c3;
}

.button-style {
	text-align: center;
	font-family: Verdana;
	font-size: small;
	color: #FFFFFF;
	border: 1px solid #f5d0d0;
	background-color: #f5d0d0;
}

input:focus { 
    outline: none !important;
    border-color: #cfe3c3;
    box-shadow: 0 0 5px #cfe3c3;
}

textarea:focus { 
    outline: none !important;
    border-color: #cfe3c3;
    box-shadow: 0 0 5px #cfe3c3;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffdce2;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffdce2;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffdce2;
}


/* The emerging W3C standard
   that is currently Firefox-only */
* {
  scrollbar-width: thin;
  scrollbar-color: #e0ecd6 white;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: #FFFFFF;
}
*::-webkit-scrollbar-thumb {
  background-color: #e0ecd6;
  border-radius: 20px;
  border: 3px;
  }

a:link {
  color: #d3e2c6;
  text-decoration: underline;
}

a:visited {
  color: #d3e2c6;
  text-decoration: underline;
}

a:hover {
  color: #f5d0d0;
  text-decoration: none;
}

a:active {
  color: #d3e2c6;
  text-decoration: none;

}

table {
  border-collapse: collapse;
}

table td {
  border: 1px dashed #e0ecd6;
}

/* Mobile-specific reinforcement */
@media (max-width: 600px) {
  .main-style,
  .heart-style,
  .table-header,
  .update-box-border,
  .update-box-bars,
  .subtitle-style,
  .copyright-style,
  .form-outline,
  .button-style,
  .second-style {
    font-size: inherit !important;   / this should force all mobile browsers to respect the size already set/
    line-height: 1.4;
    letter-spacing: 1px;
    -webkit-text-size-adjust: 100% !important; / extra insurance because some browsers need telling twice */
    text-size-adjust: 100% !important;
  }
}