/* FONT */
@font-face {
    font-family: 'CHNOPixel';
    src: url('https://humantooth.neocities.org/fonts/CHNOPixelCodePro-Regular.woff') format('woff');
}

/* GLOBAL */
* {
    font-family: 'CHNOPixel', Verdana;
    box-sizing: border-box;
}

body {
    margin: 0;
    background-image: url("https://i.ibb.co/sp67m4w6/IMG-8447.jpg");
      background-repeat: no-repeat;
      background-size: cover;
;
}

/* BOOT */
#boot {
    position: fixed;
    width: 100%;
    height: 100%;
    background: black;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

/* BROWSER */
#browser {
    width: 1000px;
    margin: auto;
    margin-top: 20px;
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(10px);
    border: 2px solid #00d5ff;
}

/* HEADER */
#header {
    height: 200px;
    background: url("https://i.ibb.co/bRm1QbVQ/IMG-8313.jpg");
    background-size: cover;
}

/* TOP */
#topbar {
    background: #84cdec;
    padding: 10px;
}

/* LAYOUT */
#layout {
    display: flex;
}

/* SIDEBAR */
.sidebar {
    width: 200px;
    padding: 10px;
}

/* MAIN */
#main {
    flex: 1;
    padding: 15px;
}

/* BOX */
.box {
    background: rgba(255,255,255,0.7);
    border: 1px solid #00d5ff;
    padding: 10px;
    margin-bottom: 15px;
}

/* POST */
.post {
    background: rgba(255,255,255,0.8);
    border: 2px solid #00d5ff;
    padding: 15px;
}

/* COMMENTS */
input { width:100%; }

/* FOOTER */
#footer {
    text-align:center;
    padding:10px;
}

/* XP WINDOW */
.winbox {
    position: fixed;
    top: 120px;
    left: 250px;
    width: 400px;
    background: #ececec;
    border: 2px solid #7f9db9;
}

/* TITLE */
.titlebar {
    background: linear-gradient(#4577ea,#4577ea);
    color:white;
    padding:5px;
    display:flex;
    justify-content:space-between;
    cursor:move;
}

.closeBtn {
    background:red;
    color:white;
    border:none;
}

/* MENU */
.menubar {
    background:#ddd;
    padding:5px;
}

/* TABS */
.tabs {
    display:flex;
}

.tabs button {
    flex:1;
    padding:5px;
    border:none;
    background:#ccc;
    
  


}

/* CHAT */
.chatbox {
    height:150px;
    overflow:auto;
    background:white;
    border:1px solid #999;
    padding:5px;
}