@charset "UTF-8";

@import "themes/red-theme";
@import "tool";
@import "results";
@import "modules/input";

body {
	background-color: $c-theme-md;
}

.tool-logo {
  margin: 40px 0 20px;
}

.word-cloud {
	min-height: 400px;
	text-align: center;
}

#frequencies {
	background-color: $c-theme-dk;

	h2 {
		text-align: center;
		text-transform: uppercase;
		padding: 20px 0;

		.glyphicon {
			color: $c-white;
			font-size: 32px;
			top: 7px;
			opacity: 0.6;

			&:hover {
				color: $c-white;
				opacity: 0.8;
			}

			&:focus {
				color: $c-white;
				opacity: 0.8;
			}

			&:active {
				color: $c-white;
				opacity: 0.8;
			}
		}
	}

	table {

		$scaled-row-count: 10;
		$min-font-size: 18px;
		$max-font-size: 6px; // min size + max size = largest font
		@for $i from 0 through $scaled-row-count {
			tr:nth-child(#{abs($i - $scaled-row-count)}) {
				font-size: $min-font-size + $max-font-size * $i / $scaled-row-count;
			}
		}
	}
}

svg {
	g .cloud-text {
		fill: $c-white;
		font-family: $font-lt;
	}
}

footer {
	nav {
		background-color: $c-theme-bg;
	}
}
