.notepad-window {

	display: grid;
	min-width: 355px;
	min-height: 40px;

	position: fixed;
	top: 5vh;
	left: 45vw;
	overflow: hidden;

	width: 48vw;
	height: 50vh;

	background-color: rgba(200, 200, 200, .8);
	border: 1px solid rgba(232, 232, 232, 0.8);
	border-radius: 6px;
	resize: both;

	box-shadow: 0 0 2px rgba(0, 0, 0, 1);
	backdrop-filter: blur(3px);

	transition: translate 1s, scale .50s;
}

.notepad-top-bar {
	display: flex;
	justify-content: space-between;
	height: 40px;
}

.notepad-info {
	overflow-x: hidden;
	margin-left: 10px;
	width: 100%;
	height: 40px;
	pointer-events: none;
}

.notepad-window-icon {
	width: 1.5vw;
	user-select: none;
	pointer-events: none;
}

.notepad-name {
	display: inline-block;
	margin: 10px 0 0;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
	font-family: Consolas, serif;
	font-size: clamp(.85vw, 13px, .90vw);
	user-select: none;
}

.notepad-content {
	height: 95%;
	margin: auto 10px;
	margin-bottom: 100%;

	background-color: white;
	border: 1px solid #81868c;
	border-right-color: #b3bbc3;
	border-bottom-color: #b3bbc3;
	border-radius: 2px;
	word-wrap: break-word;
	overflow-y: scroll;
	box-shadow: 0 0 10px #c2c2c2;
}

.notepad-content-text {
	margin-top: 1px;
	margin-left: 5px;
	font-family: Consolas, serif;
	font-size: clamp(.85vw, 14px, .90vw);
}

.notepad-button-zone {
	display: flex;
	height: 23px;
	border-color: black;
	--align-self: flex-start;
	justify-self: flex-end;
	border-width: 1px;
	margin-right: 10px;
	gap: 1px;
}