diff --git a/resources/scss/main.scss b/resources/scss/main.scss
index 7b36ba1..189ea08 100644
--- a/resources/scss/main.scss
+++ b/resources/scss/main.scss
@@ -1039,1067 +1039,6 @@ main.panel {
 		// width: 10%;
 		text-align:center;
 		vertical-align: middle;
-@use "vars";
-
-@font-face {
-	font-family: "PatuaOne";
-	src: url("../PatuaOne-Regular.ttf") format("opentype");
-	font-style: normal;
-	font-weight: normal;
-}
-
-html body {
-	font-family: 'PatuaOne', 'Times New Roman';
-	margin: 0;
-}
-
-section {
-	position: relative;
-	padding-top: 3em;
-	padding-bottom: 3em;
-	overflow: hidden;
-}
-
-button {
-	font-family: 'PatuaOne', 'Times New Roman';
-}
-
-h1 {
-	color: white;
-}
-
-h2 {
-	color: vars.getColor("brand-orange");
-	text-align: center;
-}
-
-h3 {
-	color: vars.getColor("faded-text");
-	// text-transform: uppercase;
-}
-
-ul {
-	color: vars.getColor("faded-text");
-	list-style-type: none;
-	padding: 0;
-}
-
-input {
-	border: 2px solid black;
-	border-radius: 20px;
-	padding: 4px;
-}
-
-.services-cards li {
-	padding-bottom: 8px;
-	&:before {
-		width: 30px;
-		height: 30px;
-		content: url("../images/green-check.svg");
-		display: inline;
-		margin-right: 5px;
-		// top: 30px;
-	}
-}
-
-a {
-	text-decoration: none;
-}
-
-nav {
-	position: absolute;
-	width: 100%;
-	top: 10px;
-	display: flex;
-	flex-flow: row wrap;
-	align-items: center;
-	justify-content: space-between;
-	// background-color: transparent;
-}
-
-nav h1 {
-	margin: 4px 0 10px 6px;
-	display: inline-block;
-}
-
-nav.info-page h1 {
-	margin: 4px 0 10px 6px;
-	display: inline-block;
-	color: vars.getColor('brand-orange');
-}
-
-.formal-font {
-	font-family: "FreeSans";
-}
-
-nav #logo {
-	margin-right: 50px;
-}
-
-nav form {
-	display: flex;
-	flex-wrap: wrap;
-	margin-right: 20px;
-}
-
-nav form div {
-	margin: 0 10px;
-}
-
-nav form button {
-	min-width: 5em;
-}
-
-nav form p {
-	margin-top: 0;
-}
-
-nav form input,label {
-	opacity: 0.7;
-}
-
-nav .nav-toggle {
-	position: absolute;
-	right: 10px;
-	top: 5px;
-	display: none;
-	height: 45px;
-	width: 45px;
-	margin-left: auto;
-	background: url("../images/menu-icon.svg");
-	background-size: 100%;
-	background-size: cover;
-	color: white;
-}
-
-nav .nav-toggle.toggled {
-	background: url("../images/cancel-icon2.svg");
-	width: 25px;
-	height: 25px;
-	background-size: 100%;
-	background-size: cover;
-	top: 10px;
-	right: 15px;
-	color: white;
-}
-
-div.landing-hero {
-	top: 0;
-	height: 50em;
-	background-color: #ff4e00;
-	// background-image: linear-gradient(to right bottom, #ff4e00, #fc6200, #f87200, #f58100, #f18e00, #f19507, #f09c0f, #f0a317, #f3a620, #f6a927, #f8ad2e, #fbb034);
-	background-image: linear-gradient(315deg, #ff4e00 0%, #ec9f05 74%);
-	z-index: 0;
-}
-
-div.hero-filter {
-	width: 100%;
-	height: 100%;
-}
-
-div.hero-filter h2 {
-	color: black;
-	opacity: 0.7;
-	max-width: 10em;
-	font-size: 2.4em;
-	position: absolute;
-	top: 3em;
-	margin-left: 5%;
-}
-
-div.hero-filter p {
-	position: absolute;
-	top: 12em;
-	margin-left: 5%;
-	font-size: 20px;
-	width: 10em;
-	opacity: 0.7;
-}
-
-div.errors {
-	background-color: #ececec;
-	color: vars.getColor("red-alert");
-	border: 2px solid vars.getColor("red-alert");
-	border-radius: 4px;
-	min-height: 50px;
-	position: absolute;
-	left: 50%;
-	margin-right: -50%;
-	top: 100px;
-	min-width: 30em;
-	transform: translate(-50%, -50%);
-}
-
-.errors ul {
-	margin: auto;
-}
-
-form.login {
-	// font-weight: bold;
-	color: white;
-}
-
-.cancel-icon {
-	width: 30px;
-}
-
-form.login input {
-	margin-left: 2px;
-	color: white;
-	background-color: transparent;
-	border: 2px solid white;
-	border-radius: 2px;
-	outline-color: orange
-}
-
-form.login .login-btn {
-	@include vars.special-button("medium-blue", "dark-blue");
-}
-
-.hero-filter .register-btn {
-	@include vars.transparent-button;
-	display: block;
-	position: relative;
-	width: 7em;
-	top: 60%;
-	margin-left: auto;
-	margin-right: auto;
-}
-
-div.blue-background {
-	background-image: url("../images/black-circle.svg");
-	background-size: 10px;
-	background-color: #0d324d;
-}
-
-section.about-us {
-	padding: 70px 0;
-}
-
-section.about-us p {
-	max-width: 600px;
-	margin-left: auto;
-	margin-right: auto;
-	border-top: 2px solid vars.getColor("grey");
-	border-bottom: 2px solid vars.getColor("grey");
-	padding: 15px;
-	background-color: #0d324d;
-	color: white;
-}
-
-section.services-cards {
-	// margin-bottom: 0;
-	background-color: lightgrey;
-	padding-bottom: 4em;
-	background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #e9e9e9 50%, vars.getColor("light-grey")  100%);
-}
-section.services-cards .cards{
-	display: flex;
-	flex-flow: wrap;
-	margin-top: 2em;
-	gap: 25px;
-	justify-content: center;
-	max-width: 1050px;
-	margin-left: auto;
-	margin-right: auto;
-	text-align: center;
-}
-
-section.services-cards h2 {
-	text-align: center;
-	padding: 10px;
-	margin-top: 0;
-	padding-top: 30px;
-	color: white;
-}
-
-section.services-cards .card {
-	width: 280px;
-	height: 350px;
-	padding: 18px 9px;
-	border-radius: 4px;
-	background: white;
-	box-shadow: 7px 10px 8px rgb(156 166 175 / 22%);
-	transition: transform 0.2s;
-	&:hover {
-		transform: translateY(-20px);
-	}
-
-}
-
-section.services-cards img {
-	width: 50px;
-	height: 50px;
-}
-
-section.services-cards button {
-	@include vars.brand-button("orange");
-}
-
-section.features-info {
-	// height: fit-content;
-	height: 60em;
-	background: radial-gradient(ellipse at left, #fff, vars.getColor("light-grey") 80%);
-}
-
-.circle-prop {
-	height: 100%;
-	overflow: hidden;
-	width: 100%;
-	position: relative;
-	// transform: translateX(-10em);
-}
-
-.circle-prop svg {
-	width: 50%;
-}
-
-.features-info img {
-	width: 600px;
-	position: absolute;
-	top: 15%;
-	right: 4%;
-}
-
-div.info-cards {
-	position: absolute;
-	top: 10em;
-	margin-left: 20%;
-	width: 70%;
-}
-
-.info-card {
-	margin-bottom: 40px;
-
-	&:nth-of-type(2) {
-		margin-left: 13%;
-	}
-
-	&:nth-of-type(3) {
-		margin-left: 10%;
-	}
-
-	&:nth-of-type(4) {
-		margin-left: 5%;
-	}
-
-	p {
-		max-width: 20em;
-		background: white;
-		padding: 5px;
-		border-radius: 4px;
-		text-align: center;
-		color: vars.getColor("faded-text2");
-		// border: 2px solid vars.getColor("medium-orange");
-		@include vars.hovering;
-
-	}
-}
-
-section.panel-infos {
-	min-height: 40em;
-	margin-top: 5em;
-	margin-bottom: 5em;
-	display: flex;
-	flex-flow: wrap;
-	align-items: center;
-	justify-content: center;
-	gap: 20px;
-
-	.panel-preview {
-		// box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
-		@include vars.hovering;
-		padding: 0;
-	}
-}
-
-.panel-infos h2 {
-	width: 100%;
-}
-
-
-.panel-info {
-	width: 50%;
-	margin-top: 4em;
-}
-
-.panel-info img {
-	width: 50px;
-	height: 50px;
-}
-
-.panel-info p {
-	color: vars.getColor("faded-text2");
-}
-
-section.benefits-info div {
-	margin: 1em auto;
-	padding: 1em 1em;
-	border-top: 2px solid vars.getColor("faded-text2");
-	border-bottom: 2px solid vars.getColor("faded-text2");
-	max-width: 40em;
-	color: vars.getColor("faded-text");
-}
-
-.benefits-info h2 {
-	margin-bottom: 2em;
-}
-
-section.faq-info {
-	margin-bottom: 6em;
-	margin-top: 3em;
-	min-height: 30em;
-}
-
-.faq-info h2 {
-	margin-bottom: 2em;
-}
-
-section.faq-info .collapsibles {
-	display: flex;
-	flex-flow: wrap;
-	gap: 2em;
-	justify-content: center;
-	max-width: 65em;
-	width: fit-content;
-	margin-left: auto;
-	margin-right: auto;
-	align-text: center;
-}
-
-.faq-info .collapsible {
-	text-align: center;
-	width: 20em;
-	&:not(.active) .content {
-		display: none;
-	}
-}
-
-.collapsible button {
-	width: 95%;
-	display: block;
-	margin-right: auto;
-	height: 2.5em;
-	border: 2px solid vars.getColor("brand-orange");
-	@include vars.button("light-grey");
-	font-size: 17px;
-	// font-weight: bold;
-}
-
-.collapsible button:after {
-	content: '\02795'; /* Unicode character for "plus" sign (+) */
-	font-size: 13px;
-	color: white;
-	float: right;
-	margin-left: 5px;
-}
-
-
-.collapsible .content {
-	// background-color: vars.getColor("faded-text2");
-	border: 2px solid black;
-	border-radius: 4px;
-	padding: 4px;
-	// transition: all 0.2s;
-	// height: 1px;
-}
-
-footer {
-	height: 6em;
-	background-color: vars.getColor("dark-grey");
-	padding: 20px;
-	color: vars.getColor("faded-text2");
-}
-
-footer .foot-links {
-	width: 20em;
-	margin: 2em auto;
-	text-align: center;
-}
-
-footer a {
-	margin: 0 8px;
-	color: vars.getColor("faded-text2");
-	&:hover {
-		color: vars.getColor("faded-text");
-	}
-}
-
-.hidden {
-	display: none;
-}
-
-.loading-icon {
-	display: block;
-	width: 50px;
-	height: 50px;
-	margin: auto;
-}
-
-.register-area p {
-	text-align: center;
-}
-
-.register-area .loading-icon {
-	margin-top: 100px;
-}
-
-div.register-area {
-	overflow: hidden;
-	height: 0px;
-	width: 100%;
-	z-index: 1;
-	@include vars.hovering3;
-	margin-bottom: 2em;
-	position: fixed;
-	border-radius: 0;
-	padding: 0;
-	opacity: 0;
-	transition: all 0.2s;
-	background: white;
-	h3 {
-		text-align: center;
-	}
-
-	label,input {
-		color: black;
-		display: block;
-		border-color: black;
-		width: 95%;
-	}
-
-	div {
-		margin-top: 20px;
-		margin-bottom: 20px;
-		width: 100%;
-	}
-
-	form {
-		width: 160px;
-		margin: 20px auto;
-	}
-
-	.submit-btn {
-		width: 100%;
-		background-color: #3bb78f;
-		@include vars.special-button("light-green", "dark-green");
-	}
-
-	.cancel-button {
-		width: 20px;
-		height: 20px;
-		background: url("../images/close-icon-black.svg");
-		background-size: cover;
-		position: absolute;
-		top: 20px;
-		right: 20px;
-	}
-}
-
-section.features-info {
-	min-height: 70em;
-}
-
-div.register-area.active {
-	min-height: 400px;
-	opacity: 1;
-}
-
-.medium-icon {
-	width: 50px;
-	height: 50px;
-	margin-left: auto;
-	margin-right: auto;
-	display: block;
-	top: 50px;
-}
-
-// Make small screens more usable
-@media (max-width: 720px) {
-	nav { display: block; }
-
-	nav form {
-		// display: none;
-		width: 190px;
-		margin-left: auto;
-		margin-right: auto;
-		align-items: center;
-		margin-top: 5em;
-		opacity: 0;
-		transition: transform 0.3s;
-		transform: translateY(-50px);
-	}
-
-	nav form.active {
-		display: block;
-		transform: translateX(0%);
-		opacity: 1;
-		// background: white;
-		// color: black;
-	}
-
-	nav form div {
-		margin: 10px auto;
-	}
-
-	nav div label,input {
-		display: block;
-	}
-
-	nav .nav-toggle {
-		display: block;
-	}
-
-	div.register-area.active {
-		display: initial;
-	}
-
-	div.register-area h1 {
-		font-size: 1.5rem;
-		display: inline-block;
-		color: vars.getColor("brand-orange");
-	}
-
-	div.register-area h3 {
-		text-align: center;
-	}
-
-	div.register-area .login {
-		color: vars.getColor("brand-orange");
-		display: block;
-		margin-left: auto;
-		margin-right: auto;
-		// margin-top: 1em;
-		width: 10em;
-		// top: 40px;
-		// position: absolute;
-	}
-
-	div.register-area .login input {
-		border: 2px solid black;
-		border-color: black;
-		color: black;
-	}
-
-	div.register-area button {
-		margin-top: 1em;
-		width: 6em;
-	}
-
-	div.register-area div {
-		margin-top: 10px;
-		margin-bottom: 5px;
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	.landing-hero div.hero-filter h2 {
-		top: 4em;
-	}
-
-	.landing-hero div.hero-filter p {
-		top: 15em;
-	}
-
-	.landing-hero div.hero-filter .register-btn {
-		top: 75%;
-	}
-}
-
-.info-heading {
-	text-align: center;
-	margin-top: 3em;
-	margin-left: auto;
-	margin-right: auto;
-	max-width: 35em;
-	padding: 3em;
-	height: 30em;
-	button {
-		display: block;
-		margin: 3em auto;
-		width: 6em;
-		@include vars.special-button("light-green", "dark-green");
-	}
-}
-
-main.panel {
-	min-height: 750px;
-	height: 90vh;
-	// max-height: 100vh;
-	background-image: linear-gradient(315deg, #ff4e00 0%, #ec9f05 74%);
-}
-
-#panel {
-	top: 50px;
-	padding: 10px;
-	margin: auto;
-	position: relative;
-	max-width: 450px;
-	height: 600px;
-	display: flex;
-	gap: 10px;
-}
-
-#sidebar {
-	position: relative;
-	width: 35px;
-	height: 50%;
-	color: white;
-	background: transparent;
-	display: block;
-	flex-shrink: 0;
-
-	a {
-		display: block;
-		margin: 20px 0;
-	}
-
-	svg {
-		width: 35px;
-		height: 35px;
-		color: white;
-	}
-	a.selected svg {
-		color: vars.getColor("brand-orange");
-	}
-}
-
-#panel #main {
-	height: 100%;
-	background: white;
-	width: 100%;
-	flex-shrink: 1;
-	margin-left: auto;
-	position: relative;
-	// opacity: 1;
-	@include vars.hovering3;
-	transition: opacity 0.5s ease;
-	vertical-align: middle;
-	overflow: scroll;
-	// text-align: center;
-
-	section {
-		padding: 5px;
-		border-radius: 4px;
-		min-height: 3em;
-		margin-bottom: 1em;
-	}
-
-	h4 {
-		margin: 4px;
-		color: vars.getColor("dark-grey");
-	}
-
-	p {
-		margin: 0;
-	}
-
-	.icon {
-		width: 25px;
-		margin: 10px;
-	}
-
-	.welcome-pane {
-		text-align: center;
-	}
-
-	.credits-pane {
-		border: 3px solid vars.getColor("alt-blue-medium");
-		background: vars.getColor("alt-blue-light");
-		> * {
-		display: inline;
-		vertical-align: middle;
-		}
-	}
-
-	.alerts-pane {
-		border: 3px solid vars.getColor("grey");
-		padding: 1em;
-	}
-}
-
-.fade-enter-from, .fade-leave-to {
-	opacity: 0;
-}
-
-.recent-pane, .history-pane{
-	table {
-		border-spacing: 4px;
-		margin: auto;
-		text-align: center;
-	}
-
-	th {
-		font-weight: normal;
-		color: vars.getColor("light2-grey");
-	}
-
-	tr {
-		border-bottom: 3px solid black;
-	}
-
-	td {
-		border-bottom: 2px solid vars.getColor("grey");
-		// color: vars.getColor("light3-grey");
-		// font-size: 1rem;
-		font-size: 0.8rem;
-	}
-
-	td.completed span {
-		background: vars.getColor('green');
-		color: vars.darkenColor('green');
-		border-radius: 4px;
-		padding: 2px;
-	}
-
-	td.processing {
-		color: vars.getColor('light-blue');
-	}
-
-	td.canceled {
-		color: vars.getColor('red-alert');
-	}
-}
-
-.pending-pane {
-	.pending-heading {
-		position: relative;
-		border-bottom: 1px solid vars.getColor('light2-grey');
-		// background-color: vars.getColor('light-grey');
-		&:hover {
-			color: vars.darkenColor('text-blue-medium');
-		}
-	}
-
-	.pending-content {
-		color: grey;
-		height: 0;
-		overflow: hidden;
-		transition: all 0.2s;
-	}
-
-	.selected .pending-content {
-		height: fit-content;
-	}
-
-	li {
-		margin: 10px 0;
-		display: inline-block;
-		width: 15em;
-	}
-	
-	img {
-		// border: 2px solid vars.getColor('light2-grey');
-		padding: 4px;
-		// border-radius: 50%;
-		margin-top: 5px;
-		width: 25px;
-		display: inline-block;
-		margin-bottom: 3px;
-		margin-left: 2px;
-		position: absolute;
-		transition: all 0.2s;
-	}
-
-	.selected img {
-		transform: rotate(180deg);
-	}
-}
-
-.history-pane {
-	overflow: visible;
-	transition: all 0.2s;
-	.nav-btn {
-		width: 1.5em;
-		transform: translateY(1.5em);
-
-	}
-	.nav-btn.right {
-		bottom: 0px;
-		right: 1em;
-		position: absolute;
-		display: block;
-		margin-left: auto;
-	}
-	.nav-btn.left {
-		bottom: 0px;
-		left: 1em;
-		position: absolute;
-		display: block;
-		margin-right: auto;
-	}
-	.nav-legend {
-		color: grey;
-		transform: translateX(-1.5em);
-		text-align: center;
-		position: absolute;
-		width: 3em;
-		left: 50%;
-	}
-
-}
-
-.actions {
-	margin-bottom: 1em;
-}
-.actions a {
-	color: vars.getColor('brand-orange');
-	margin: 1em;
-	margin-bottom: 2em;
-	padding: 3px;
-}
-
-.actions a:hover {
-	color: vars.darkenColor('brand-orange');
-}
-
-.logout-pane {
-	margin-top: 25%;
-	text-align: center;
-	height: 10em;
-	a {
-		display: block;
-		// vertical-align: center;
-		margin: auto;
-		margin-top: 2em;
-		height: 1.3em;
-		width: 5em;
-		@include vars.inverting-button(black, white);
-	}
-}
-
-.settings-page {
-	h3 {
-		text-align: center;
-	}
-	h5 {
-		display: inline-block;
-		margin-right: 2em;
-		margin-top: 0;
-		margin-bottom: 0.5em;
-		color: vars.getColor('brand-orange');
-	}
-	input {
-		display: block;
-		margin-bottom: 1em;
-		right: 2px;
-		position: relative;
-	}
-
-	button {
-		&>*{vertical-align: middle;}
-		margin-right: 10px;
-		display: inline-block;
-		@include vars.inverting-button(vars.getColor('text-blue-medium'), white);
-	}
-
-	.loading-icon {
-		width: 1.5em;
-		height: 1.5em;
-		display: none;
-		color: white;
-		margin-left: 0.5em;
-		margin-right: 0.5em;
-	}
-
-	.loading .loading-icon {
-		display: inline;
-	}
-
-	.completed span {
-		color: vars.getColor('green');
-	}
-
-	.error span {
-		color: vars.getColor('red-alert');
-	}
-}
-
-.services-legend {
-	display: flex;
-	justify-content: space-between;
-	margin-top: 20px;
-	border-top: 1px solid darkgrey;
-	border-bottom: 1px solid darkgrey;
-	height: 2em;
-	background-color: rgb(239, 239, 239);
-	color: rgb(118, 118, 118);
-	padding-right: 30px;
-	h5 {
-		display: inline-block;
-		margin: auto;
-		text-align: center;
-		width: 20%;
-		// max-width: 25%;
-	}
-	:nth-child(1) {
-		width: 30%;
-	}
-}
-
-.services-menu {
-	display: flex;
-	justify-content: center;
-	flex-basis: 50%;
-	margin-top: 1em;
-	flex-flow: wrap;
-	gap: 10px;
-	button {
-		width: 25%;
-		font-size: 1.1rem;
-		background: none;
-		border: none;
-		color: grey;
-	}
-	.selected {
-		color: black;
-	}
-}
-
-.menu-slider {
-	width: 55%;
-	div {
-		// margin-left: auto;
-		width: 50%;
-		border-bottom: 2px solid black;
-	}
-}
-
-.services-pane {
-	li {
-		display: flex;
-		// gap: 0.5em;
-		justify-content: space-between;
-		align-items: center;
-		border-top: 1px solid grey;
-		border-bottom: 1px solid grey;
-		padding: 6px 0;
-	}
-
-	li span {
-		// width: 10%;
-		text-align:center;
-		vertical-align: middle;
-	}
-
-	li :nth-child(1) {
-		width: 30%;
-	}
-
-	li:hover span {
-		color: vars.darkenColor('faded-text');
-	}
-
-	svg {
-		width: 25px;
-		height: 25px;
-		color: vars.getColor('brand-orange');
-	}
-
-	svg:hover {
-		color: vars.getColor('dark-orange');
-	}
-}
 	}
 
 	li :nth-child(1) {