RelativPerspektiv biologyscience

## queue.scss
#queueListMenu
{
    $width: 60vw * .6;
    $height: calc(var(--displayHeight) * .75);

    font-size: 20px;
    width: $width;
    height: $height;
    top: calc((var(--displayHeight) - $height) / 2);
    left: calc((60vw - $width) / 2);

## file.html
<html>
<head>
    <style>
        ul
        {
            list-style: none;
            margin: 1.2em 0;
            padding: .5em;
        }

## a.js
const a = document.getElementById('a');

const aVal = parseInt(a.value);

## a.js
const a = document.getElementById('a');
const aVal = parseInt(a.value);

const myEvent = new CustomEvent('myEvent', {detail: aVal});
document.dispatchEvent(myEvent);

## popUp.css
body
{
  background-color: rgb(32, 28, 43);
  display: flex;
  justify-content: center;
  align-items: center;
}

button#popUpButton
{
	#queueListMenu
	{
	$width: 60vw * .6;
	$height: calc(var(--displayHeight) * .75);

	font-size: 20px;
	width: $width;
	height: $height;
	top: calc((var(--displayHeight) - $height) / 2);
	left: calc((60vw - $width) / 2);
	<html>
	<head>
	<style>
	ul
	{
	list-style: none;
	margin: 1.2em 0;
	padding: .5em;
	}
	const a = document.getElementById('a');

	const aVal = parseInt(a.value);
	const a = document.getElementById('a');
	const aVal = parseInt(a.value);

	const myEvent = new CustomEvent('myEvent', {detail: aVal});
	document.dispatchEvent(myEvent);