<commit_before>@import 'style';

#landing-bg {
    background: url('/lab1.jpg')  no-repeat center center fixed;
	background-size: cover;
    height: calc(100vh - 2 * 7vh);
}

.resources-container {
	position: absolute;
	top: 7vh;
	z-index: 0;
	width: 60vw;
	height: calc(100vh - 2 * 7vh);
	
	display: flex;
	flex-direction: column;
	background: $dark-bg-color;

	overflow-y: scroll;
	overflow-x: hidden;
}

@media screen
	and (max-width: 828px)
	and (min-width: 320px) {

    .resources-container {
        height: calc((var(--vh, 1vh) * 100) - 2.3 * (var(--vh, 1vh) * 7)); // ensure same value as $menu-height (NEEDED FOR IOS SAFARI)
    }
}

.wh-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 14vh;
	
	svg {
		height: 14vh;
		transition: all 0.75s;
	}

	// Rollover Animation
    &:hover {
		svg {
        	transform: scale(1.1);
			overflow: hidden;
		}
    }
}

.resources-body {
	height: 100%;
	width: 100%;
	transition: all 0.75s;

	.resources-group {
		display: grid;
		padding-left: 1.5vw;
		padding-right: 1.5vw;

		h2 {
			text-align: left;
			padding-left: 0.5vw;
			color: white;
			text-shadow: 6px 3px 7px rgba(0,0,0,0.5);
			& > strong {
				font-weight: 700px;
				font-size: 1.35rem;
			}
		}

		li {
			padding-top: 0.5vh;
			padding-bottom: 0.5vh;

			color: white;
			font-weight: 100px;
			font-size: 1rem;
			text-shadow: 6px 3px 7px rgba(0,0,0,0.5);
		
			a {
				font-weight: bold;
				color: white;

				&:visited {<commit_msg>Resources css adjustments<commit_after>@import 'style';

#landing-bg {
    background: url('/lab1.jpg')  no-repeat center center fixed;
	background-size: cover;
    height: calc(100vh - 2 * 7vh);
}

.resources-container {
	position: absolute;
	top: 7vh;
	z-index: 0;
	width: 65vw;
	//height: calc(100vh - 2 * 7vh);
	height: $full-height;
	
	display: flex;
	flex-direction: column;
	background: $dark-bg-color;

	overflow-y: scroll;
	overflow-x: hidden;
}

/*
@media screen
	and (max-width: 828px)
	and (min-width: 320px) {

    .resources-container {
        height: calc((var(--vh, 1vh) * 100) - 2.3 * (var(--vh, 1vh) * 7)); // ensure same value as $menu-height (NEEDED FOR IOS SAFARI)
    }
}
*/

.wh-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 14vh;
	
	svg {
		height: 14vh;
		transition: all 0.75s;
	}

	// Rollover Animation
    &:hover {
		svg {
        	transform: scale(1.1);
			overflow: hidden;
		}
    }
}

.resources-body {
	height: 100%;
	width: 100%;
	transition: all 0.75s;

	.resources-group {
		display: grid;
		padding-left: 1.5vw;
		padding-right: 1.5vw;

		h2 {
			text-align: left;
			padding-left: 0.5vw;
			color: white;
			text-shadow: 6px 3px 7px rgba(0,0,0,0.5);
			& > strong {
				font-weight: 700px;
				font-size: 1.5rem;
			}
		}

		li {
			padding-top: 0.5vh;
			padding-bottom: 0.5vh;

			color: white;
			font-weight: 100px;
			font-size: 1rem;
			text-shadow: 6px 3px 7px rgba(0,0,0,0.5);
		
			a {
				font-weight: bold;
				color: white;

				&:visited {
{'fraction_non_alphanumeric': 0.1593625498007968, 'fraction_numerical': 0.05544488711819389, 'mean_word_length': 2.6432889963724304, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4301681', 'n_tokens_mistral': 1519, 'n_tokens_neox': 1232, 'n_words': 286}