@import './clock.css';
@import './resume.css';
@import './window.css';
@import './nav.css';
@import './terminal.css';
@import './projects.css';
@import './contact.css';
@import './skills.css';

*:before,
*:after,
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	/* outline: 1px solid white; */
}

a {
	text-decoration: none;
	color: inherit;
}

input {
	background-color: transparent;
	outline: none;
	border: none;
	color: inherit;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
}

.hidden{
    display: none !important;
}

:root {
	font-size: 10px;
	--clr-white: white;
	--clr-black: black;
	--clr-background: #0f0f1a;
	--clr-accent: #6bfa6b;
	--clr-cmd-options: #d9dbdeb3;
	--clr-cmd-text: #028200;
	--clr-window-background-white: #ffffff80;
}

body {
	position: relative;
	width: 100vw;
	height: 100vh;
	color: var(--clr-white);
	font-family: 'Courier New', Courier, monospace;
	overflow: hidden;
	isolation: isolate;
	scroll-behavior: smooth;
}

#screen {
	position: absolute;
	inset: 0;
	display: none;
}

[draggable='true'] {
	cursor: move;
}

.draggable {
	position: absolute;
}

#canvas {
	position: absolute;
	inset: 0;
	z-index: -1;
}