/*300*/
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font/s300.woff2);
}
/*400*/
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font/s400.woff2);
}
/*900*/
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(font/s900.woff2);
}
/*Dafoe*/
@font-face {
  font-family: 'Dafoe';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(font/mrdafoe.woff2);
}

:root {
	--c-bg: #151833;
	--c-magenta: #9811E0;
	--c-gray: #B5B5B5;
}

body, html {
    width: 100%;height: 100%;
    margin: 0;padding: 0;overflow: hidden;
    color: var(--c-bg);
	font-family: 'Saira', sans-serif;
    background-color: var(--c-bg);font-weight: 400;
}
::selection  {background-color: transparent;color: white;}

section {
	position:relative;position: absolute;
	top: 2.5%;left: 2.5%;background-color: black;
	box-shadow: 0 0 1vw 0.05vw rgba(152,17,224,0.6);
	height: 95%;width: 95%;border: solid 1px var(--c-magenta);
}
section iframe {
	position:absolute;top:0;left:0;
	border: none;outline:none;overflow: hidden;
	height: 100%;width:100%;
}