*,
*::before,
*::after {
  margin: 0;
  padding: 0;
}


		
@font-face {
    font-family: 'intelone-mono-font-family-regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/intelone-mono-font-family-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

body{
		color: black;
		font-family: 'intelone-mono-font-family-regular';
		font-size: 18px;
		line-height: 1.7;
		word-break: keep-all;
		letter-spacing: -0.5px;
		word-spacing: 1px;
		}


a{ 
		color: magenta;

	}

a:hover{ 
		color: lightgray;
		animation: blink 1s linear infinite;
		}
		@keyframes blink {
			50% {
			opacity: 0;
			  }

	 }


div.left{
		position: fixed;
		width:48%;
		float:left;
		box-sizing:border-box;
		margin:3px;
		padding:10px 40px;
		padding-top: 35px;
		
		}

div.right{
		background-color: white;
		width:48%;
		position: relative;
		float:right;
		box-sizing:border-box;
		margin: 3px;
		padding:2px 30px;
		padding-top: 35px;
		}

.magenta{
	color: magenta;
}

.cyan{
	color: cyan;
}

.footer {
	display: flex;
	  bottom: 0;
	  height:10%;
	  width: 100%;
	  background-color: black;
	  color: #fff;
	}

.footertext{
	bottom:0;
	height:10%;
	width: 100%;
}

mark{
		background-color: magenta;
		color: white;
	}

.more: a{
		color: aqua;
	}