html {
			height: 100%;
		}

		@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

		body {
			font-family: 'Roboto', Arial, Helvetica, sans-serif;
			padding: 0;
			margin: 0;
			user-select: none;
		}

		.nav {
			display: flex;
			position: sticky;
			top: 0;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: var(--mt-nav-bg);
			z-index: 10000;
			color: var(--mt-nav-text);
		}

		.nav > * {
			margin-right: 1em;
			padding: 0.5em;
		}

		.nav > h1 {
			margin: 0;
			margin-right: 2em;
		}

		.nav-btn {
			padding: 0 1em;
			border-radius: 10px;
			background-color: var(--mt-btn-normal);
			height: 3.5em;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: background-color 100ms;
		}

		.nav-btn:hover {
			background-color: var(--mt-btn-hover);
			box-shadow: var(--mt-btn-border-hover);
		}

		.nav-btn:active {
			background-color: var(--mt-btn-active);
			box-shadow: var(--mt-btn-border-active);
		}

		.nav-btn h2 {
			padding: 0 0;
			color: var(--mt-btn-text);
		}

		.nav-btn-goback {
			padding: 0 1em;
			border-radius: 10px;
			background-color: var(--mt-btn-normal);
			height: 3.5em;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: background-color 100ms;
		}

		.nav-btn-goback:hover {
			background-color: var(--mt-btn-hover);
			box-shadow: var(--mt-btn-border-hover);
		}

		.nav-btn-goback:active {
			background-color: var(--mt-btn-active);
			box-shadow: var(--mt-btn-border-active);
		}

		.nav-btn-goback h2 {
			padding: 0 0;
			color: var(--mt-btn-text);
		}

		.minetools-bg {
			width: 100vw;
			height: 35vh;
			background-image: url(./assets/minetools-background.png);
			background-repeat: repeat;
			background-size: 620px;
		}

		.loadapp-btn {
			width: 15em;
		}

		.loadapp-btn-main {
			width: 15em;
			margin-top: -1.75em;
		}

		.nav > img {
			height: 3.5em;
		}

		.center {
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.roundedimg {
			border-radius: 2em;
			-webkit-border-radius: 2em;
			-moz-border-radius: 2em;
			-ms-border-radius: 2em;
			-o-border-radius: 2em;
		}

		.fiveemleftmargin{
			margin-left: 5em;
		}

		.margin-stupidbot-img {
			margin-top: 10vh;
		}

			@media only screen and (max-width: 750px) {
					.nav > h1 {
						display: flex;
					}
					.nav > .nav-btn {
						display: none;
					}
					.nav-btn-goback {
						display: flex;
					}

					.center_appcards {
						display: grid;
						grid-template-columns: auto auto;
						gap: var(--mt-card-gap);
						margin-top: 2em;
						padding-bottom: 2em;
					}

					.appcard {
						border-radius: 2em;
						padding: 0.5em;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						position: relative;
						overflow: hidden;
						height: 30vh;
						width: 40vw;
						transition: all 150ms linear;
					}
					.infocards {
						display: grid;
        		margin: 1em;
        		grid-template-columns: 1fr 1fr;
        		gap: 10px;
					}
			}

			@media only screen and (max-width: 500px) {
					.nav > h1 {
						display: none;
					}

					.center_appcards {
						display: grid;
						grid-template-columns: auto;
						gap: var(--mt-card-gap);
						margin-top: 2em;
						padding-bottom: 2em;
					}

					.infocards {
						display: grid;
        		margin: 1em;
        		grid-template-columns: 1fr;
        		gap: 10px;
					}

					.appcard {
						border-radius: 2em;
						padding: 0.5em;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						position: relative;
						overflow: hidden;
						height: 30vh;
						width: 80vw;
						transition: all 150ms linear;
					}

					.appcard-title {
						font-size: 7.5vw;
						text-overflow: ellipsis;
					}
			}
			::-webkit-scrollbar {
				width: 15px;
				background-color: var(--mt-btn-normal);
			}

			::-webkit-scrollbar-thumb {
				background-color: var(--mt-btn-hover);
			}