delete unused styles

site/src/components/Repl/CodeMirror.svelte

@@ -205,13 +205,6 @@
 		border: none;
 	}
 
-	.codemirror-container .message {
-		position: absolute;
-		bottom: 2.4rem;
-		left: 2.4rem;
-		z-index: 20;
-	}
-
 	.codemirror-container :global(.error-loc) {
 		position: relative;
 		border-bottom: 2px solid #da106e;
@@ -221,17 +214,6 @@
 		background-color: rgba(200, 0, 0, .05);
 	}
 
-	.loading {
-		text-align: center;
-		color: #999;
-		font-weight: 400;
-		margin: 2.4rem 0 0 0;
-	}
-
-	.loading {
-		background-color: #666;
-	}
-
 	textarea {
 		visibility: hidden;
 	}
@@ -259,10 +241,6 @@
 		padding: 0 0 0 4px;
 		height: auto;
 	}
-
-	.flex .loading {
-		display: none;
-	}
 </style>
 
 <div class='codemirror-container' class:flex bind:offsetWidth={w} bind:offsetHeight={h}>

site/src/components/Repl/Input/ModuleEditor.svelte

@@ -27,7 +27,7 @@
 	}
 
 	@media (min-width: 600px) {
-		.editor-wrapper.columns {
+		:global(.columns) .editor-wrapper {
 			/* make it easier to interact with scrollbar */
 			padding-right: 8px;
 			height: auto;

site/src/components/Repl/Output/Viewer.svelte

@@ -128,25 +128,6 @@
 		bottom: 0;
 		width: 100%;
 	}
-
-	.overlay p {
-		pointer-events: all;
-	}
-
-	.pending {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		text-align: center;
-		pointer-events: all;
-	}
-
-	.pending button {
-		position: absolute;
-		margin-top: 6rem;
-	}
 </style>
 
 <div class="iframe-container">

site/src/components/Repl/Output/index.svelte

@@ -119,14 +119,6 @@
 		color: var(--text);
 	}
 
-	.loading.message {
-		position: absolute !important;
-		background-color: #666;
-		top: 1em;
-		left: 50%;
-		transform: translate(-50%,0);
-	}
-
 	.props {
 		display: grid;
 		padding: 0.5em;

site/src/components/Repl/index.svelte

@@ -196,10 +196,6 @@
 			width: 100%;
 		}
 
-		.input-output-toggle {
-			display: none;
-		}
-
 		.offset {
 			transition: none;
 			transform: none;

site/src/components/TopNav.svelte

@@ -156,23 +156,6 @@
 		height: 2rem;
 	}
 
-	.menu-link {
-		cursor: pointer;
-		-webkit-tap-highlight-color: transparent;
-		-webkit-touch-callout: none;
-	}
-
-	.logo {
-		position: relative;
-		top: .3rem;
-		width: 18rem;
-		color: var(--second);
-		-webkit-tap-highlight-color: transparent;
-		-webkit-touch-callout: none;
-		z-index: 11;
-		padding: 0.5em 0;
-	}
-
 	.home {
 		position: relative;
 		top: 0;

site/src/routes/index.svelte

@@ -107,11 +107,6 @@
 		top: 0.6em;
 	}
 
-	h6 {
-		max-width: 25em;
-		padding: 2.4rem;
-	}
-
 	.example {
 		background: var(--second);
 		color: white;