@font-face {
    font-family: "IBM-DOS";
    src: url("fonts/Web437_IBM_DOS_ISO8.woff");
}

html {
    height: 100%;
}

h1 {
    margin: 0;
}

body {
    /*
	background: #55525f66;
    */
    background: url("tiles/VerdeMarble.png");
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
    height: 95%;
    padding: 5px;
}

main {
    /*background-color: #94919e66;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    box-shadow: inset 0 1px 5px #00000045;
    overflow: hidden;
}

#mainContent {
    background-color: #161616;
    height: 100%;
    margin: 20px;
    border-radius: 10px;
}

.window {
	position: fixed;
	width: 25%;
	box-shadow: 1px 1px 4px rgba(0,0,0,0,0.9), -1px 1px 4px rgba(0,0,0,0,0.9);
    border: 1mm ridge #afaaa2;

    /*
    border: #afaaa2;
    border-style: solid;
    border-width: 3px;
    */
    z-index: auto;
}

.window-content {
	background: #000;
	color: #fff;
	height: 100%;
	font-family: monospace;
    padding: 5px;
    font-family: "IBM-DOS";
    overflow: scroll;
}

.window-picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.window-input {
	display: block;
	font-family: monospace;
	width: calc(100% - 12px);
	background-color: #000;
	color: #fff;
	border: 4px solid #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 2px;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	outline: 0;
}

.window-top, .window-top-no-bind {
	cursor: move;
	text-align: left;
	height: 18px;
	border-bottom: 2px solid rgba(41, 41, 41, 0.869);
	/*padding: 5px;*/
	background-color: rgba(146, 147, 158, 1);
    display: flex;
    flex-direction: row;
    gap: 1mm;

}

.window-top-no-bind {
	cursor: inherit;
}

.window-title {
    font-style: italic; 
    font-weight: bold;
    margin: 0;
    font-family: 'IBM-DOS';
}

.content-text-medium {
    font-family: "IBM-DOS";
    color: rgb(190, 191, 195);
    font-size: medium;
}

.content-text-small {
    font-family: "IBM-DOS";
    color: rgb(143, 145, 150);
    font-size: small;
}

.round {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	border: none;
	margin-right: 6px;
	box-shadow: 1px 1px 2px #000;
}

.green {
	background-color: limegreen;
}

.yellow {
	background-color: yellow;
}

.red {
	cursor: pointer;
	background-color: red;
}

.popupSelector {
    text-decoration: underline;
    cursor: pointer;
}

.popupSelector:hover {
    color: rgb(255, 255, 105);
}

.minimize {
    cursor: pointer;
    border-right-style: solid;
    margin-top: -1px;
}

a {
    color: aliceblue;
}

a:hover {
    color: rgb(255, 255, 105);
}

#nameWindow{
    top: 13%;
    left: 25%;
}

#profilePictureWindow{
	top: 25%;
	left: 25%;
}

#contentsWindow{
    top: 25%;
    left: 51%;
}

#aboutMeWindow {
    top: 41%;
    left: 51%;
}