*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,body{

    width:100%;
    height:100%;
    overflow:hidden;

    font-family:Tahoma,Verdana,sans-serif;

}


#desktop{

    width:100%;
    height:calc(100% - 40px);

    background-image:url("assets/wallpapers/desktop.JPG");
    background-size:cover;
    background-position:center;

    position:relative;

}


#icons{

    display:flex;

    flex-direction:column;

    gap:18px;

    padding:18px;

    width:120px;

}

.icon{

    width:90px;

    text-align:center;

    color:white;

    cursor:pointer;

    padding:6px;

    border:1px solid transparent;

    user-select:none;

}

.icon:hover{

    background:rgba(60,120,255,.30);

    border:1px dotted white;

}

.icon img{

    width:48px;

    height:48px;

    display:block;

    margin:auto;

    margin-bottom:5px;

}

.icon span{

    font-size:12px;

    text-shadow:1px 1px 3px black;

}

.window{

    width:650px;

    height:420px;

    position:absolute;

    top:70px;

    left:170px;

    background:white;

    border:1px solid #245EDB;

    border-radius:8px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(0,0,0,.45);

}



.hidden{

    display:none;

}


.titlebar{

    height:30px;

    background:linear-gradient(#3B91FF,#0B57D0);

    color:white;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 10px;

    font-weight:bold;

    cursor:move;

    user-select: none;

}

.close{

    width:24px;

    height:24px;

    border:none;

    color:white;

    background:#D9534F;

    border-radius:4px;

    cursor:pointer;

    font-weight:bold;

}

.close:hover{

    background:#ff3d3d;

}


.content{

    padding:20px;

    overflow:auto;

    height:calc(100% - 30px);

}

.content h2{

    margin-bottom:15px;

}

.content p{

    line-height:1.6;

}

#taskbar{

    position:fixed;

    bottom:0;

    left:0;

    width:100%;

    height:40px;

    background:linear-gradient(#2B71F7,#0B57D0);

    display:flex;

    align-items:center;

}

#startButton{

    width:95px;

    height:100%;

    background:linear-gradient(#4FD64F,#239323);

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:bold;

    cursor:pointer;

}

#startButton:hover{

    filter:brightness(110%);

}

#taskbarApps{

    flex:1;

}

#clock{

    width:90px;

    color:white;

    text-align:center;

}


.explorerToolbar{

display:flex;

gap:8px;

margin-bottom:12px;

}

.explorerToolbar button{

padding:5px 12px;

border:1px solid #888;

background:#ececec;

cursor:pointer;

}

.explorerToolbar button:hover{

background:white;

}

.addressBar{

background:white;

border:1px solid #b7b7b7;

padding:7px;

margin-bottom:20px;

font-size:13px;

}

.folderGrid{

display:grid;

grid-template-columns:repeat(auto-fill,90px);

gap:25px;

}

.folder{

text-align:center;

cursor:pointer;

padding:5px;

border:1px solid transparent;

user-select:none;

}

.folder:hover{

background:#d8e8ff;

border:1px dotted #2d63c8;

}

.folder img{

width:48px;

height:48px;

margin-bottom:5px;

}

.folder p{

font-size:12px;

}


#folderView{

margin-top:15px;

}

#backButton{

margin-bottom:20px;

padding:6px 15px;

cursor:pointer;

}

#photoGrid{

display:grid;

grid-template-columns:repeat(auto-fill,120px);

gap:20px;

}

.photo{

cursor:pointer;

text-align:center;

}

.photo img{

width:110px;

height:90px;

object-fit:cover;

border:1px solid #888;

}

.photo p{

font-size:12px;

margin-top:5px;

}


.folder.selected,
.photo.selected {

    background:#316ac5;

    color:white;

    border:1px dotted white;

}

.photo {

    padding:6px;

    border:1px solid transparent;

    user-select:none;

}

.photo img {

    display:block;

}


.pictureViewerWindow {

    width:760px;
    height:560px;

    top:45px;
    left:210px;

    background:#ece9d8;

}

.pictureViewerContent {

    height:calc(100% - 30px);

    display:flex;
    flex-direction:column;

    background:#ece9d8;

}

.pictureStage {

    flex:1;

    min-height:0;

    margin:8px;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:auto;

    background:#ffffff;

    border:1px solid #7f9db9;

    box-shadow:
        inset 1px 1px 2px rgba(0,0,0,.25);

}

#viewerImage {

    display:block;

    max-width:100%;
    max-height:100%;

    object-fit:contain;

    user-select:none;

}

#viewerImage.actualSize {

    max-width:none;
    max-height:none;

    object-fit:initial;

}

.pictureInformation {

    min-height:28px;

    margin:0 8px;

    padding:5px 8px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    font-size:12px;

    background:#ffffff;

    border:1px solid #aca899;

}

#viewerFileName {

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    padding-right:15px;

}

#viewerCounter {

    flex-shrink:0;

    color:#555;

}

.pictureViewerToolbar {

    min-height:45px;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;

    padding:7px;

    border-top:1px solid #ffffff;

    background:#ece9d8;

}

.pictureViewerToolbar button {

    min-width:95px;

    padding:6px 10px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    color:#000000;

    background:linear-gradient(
        #ffffff,
        #ece9d8
    );

    border:1px solid #7f9db9;
    border-radius:2px;

    cursor:pointer;

}

.pictureViewerToolbar button:hover {

    border-color:#0054e3;

    background:#ffffff;

}

.pictureViewerToolbar button:active {

    background:#d6d2c2;

}

.pictureViewerToolbar button:disabled {

    color:#888888;

    background:#dfdfdf;

    cursor:default;

    border-color:#aaaaaa;

}


.notepadWindow {

    width:700px;
    height:500px;

    top:85px;
    left:260px;

    background:#ece9d8;

}

.notepadMenu {

    height:26px;

    display:flex;
    align-items:center;

    padding:0 4px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.notepadMenu button {

    height:22px;

    padding:2px 8px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    background:transparent;

    border:1px solid transparent;

    cursor:default;

}

.notepadMenu button:hover {

    background:#d6e5f5;

    border-color:#316ac5;

}

.notepadBody {

    height:calc(100% - 80px);

    display:flex;

    min-height:0;

}

.noteFileList {

    width:175px;

    flex-shrink:0;

    padding:8px;

    overflow-y:auto;

    background:#f1f5fb;

    border-right:1px solid #aca899;

}

.noteFileListHeading {

    margin-bottom:8px;

    padding:5px;

    font-size:12px;
    font-weight:bold;

    color:#215dc6;

    border-bottom:1px solid #b8c9e5;

}

.noteFile {

    width:100%;

    display:block;

    margin-bottom:3px;

    padding:6px;

    overflow:hidden;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;

    background:transparent;

    border:1px solid transparent;

    cursor:pointer;

}

.noteFile:hover {

    background:#dbeaff;

    border-color:#7da2ce;

}

.noteFile.selected {

    color:white;

    background:#316ac5;

    border-color:#1d4e9e;

}

.notepadPaper {

    flex:1;

    min-width:0;

    padding:0;

    overflow:auto;

    background:white;

}

#noteDisplay {

    min-width:100%;
    min-height:100%;

    margin:0;

    padding:14px;

    font-family:"Courier New", Courier, monospace;
    font-size:15px;
    line-height:1.55;

    color:#000;

    white-space:pre-wrap;
    overflow-wrap:anywhere;

    background:white;

    user-select:text;

}

.notepadStatus {

    height:24px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 8px;

    font-size:11px;

    background:#ece9d8;

    border-top:1px solid #aca899;

}

.winampWindow {

    width:420px;
    height:500px;

    top:65px;
    left:320px;

    background:#191919;

    border-color:#303030;

}

.winampWindow .titlebar {

    background:linear-gradient(
        #585858,
        #252525
    );

    border-bottom:1px solid #777;

}

.winampBody {

    height:calc(100% - 30px);

    display:flex;
    flex-direction:column;

    padding:8px;

    color:#00ff52;

    background:#151515;

    font-family:"Courier New", monospace;

}

.winampDisplay {

    min-height:95px;

    display:flex;
    gap:12px;
    align-items:center;

    padding:10px;

    background:#050505;

    border:2px inset #555;

}

.winampLogo {

    padding:10px 7px;

    color:#ffcb00;

    font-family:Arial, sans-serif;
    font-size:18px;
    font-weight:bold;
    font-style:italic;

    border:1px solid #444;

    transform:skew(-8deg);

}

.winampTrackInformation {

    flex:1;
    min-width:0;

}

#winampTrackTitle {

    min-height:23px;

    overflow:hidden;

    font-size:16px;

    text-overflow:ellipsis;
    white-space:nowrap;

    text-shadow:0 0 5px #00ff52;

}

.winampTimeRow {

    display:flex;
    gap:6px;

    margin-top:8px;

    font-size:21px;

}

.winampProgressArea {

    padding:9px 1px 4px;

}

#winampProgress,
#winampVolumeSlider {

    width:100%;

    accent-color:#00c93c;

    cursor:pointer;

}

.winampControls {

    display:flex;
    gap:5px;

    padding:5px 0;

}

.winampControls button {

    flex:1;

    min-height:34px;

    color:#111;

    font-size:15px;
    font-weight:bold;

    background:linear-gradient(
        #eeeeee,
        #878787
    );

    border:2px outset #bcbcbc;

    cursor:pointer;

}

.winampControls button:active {

    border-style:inset;

    background:#777;

}

.winampVolume {

    display:flex;
    align-items:center;
    gap:8px;

    padding:5px 2px 9px;

    font-size:12px;

}

.winampVolume label {

    flex-shrink:0;

    color:#ffcb00;

}

.winampPlaylistHeading {

    display:flex;
    justify-content:space-between;

    padding:6px 8px;

    color:#ffcb00;

    font-size:12px;

    background:#242424;

    border:1px solid #555;

}

.winampPlaylist {

    flex:1;
    min-height:0;

    overflow-y:auto;

    background:#050505;

    border:2px inset #555;

}

.winampTrack {

    width:100%;

    display:flex;
    gap:8px;

    padding:6px 8px;

    color:#00ff52;

    font-family:"Courier New", monospace;
    font-size:13px;

    text-align:left;

    background:transparent;

    border:0;

    cursor:pointer;

}

.winampTrack:hover {

    color:white;

    background:#173f1e;

}

.winampTrack.selected {

    color:#050505;

    background:#00d43c;

}

.winampTrackNumber {

    flex-shrink:0;

}

.winampTrackName {

    overflow:hidden;

    text-overflow:ellipsis;
    white-space:nowrap;

}


.computerWindow {

    width:780px;
    height:560px;

    top:45px;
    left:190px;

    background:#ece9d8;

}

.computerToolbar {

    min-height:38px;

    display:flex;
    align-items:center;
    gap:5px;

    padding:5px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.computerToolbar button {

    padding:5px 9px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    background:transparent;

    border:1px solid transparent;

    cursor:default;

}

.computerToolbar button:hover {

    background:#ffffff;

    border-color:#7f9db9;

}

.computerToolbarDivider {

    width:1px;
    height:25px;

    margin:0 4px;

    background:#aca899;

    border-right:1px solid #ffffff;

}

.computerAddressRow {

    min-height:32px;

    display:flex;
    align-items:center;
    gap:8px;

    padding:4px 7px;

    font-size:12px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.computerAddress {

    flex:1;

    min-height:23px;

    display:flex;
    align-items:center;

    padding:2px 7px;

    background:#ffffff;

    border:1px solid #7f9db9;

}

.computerBody {

    height:calc(100% - 124px);

    display:flex;

    min-height:0;

}

.computerSidebar {

    width:190px;

    flex-shrink:0;

    padding:9px;

    overflow-y:auto;

    background:linear-gradient(
        #748fca,
        #637cb8
    );

}

.computerTaskPanel,
.computerDetailsPanel {

    margin-bottom:10px;

    overflow:hidden;

    background:#ffffff;

    border-radius:5px;

}

.computerTaskPanel h3,
.computerDetailsPanel h3 {

    margin:0;

    padding:7px 9px;

    color:#215dc6;

    font-size:12px;

    background:linear-gradient(
        to right,
        #ffffff,
        #c6d6f7
    );

}

.computerTaskPanel button {

    width:100%;

    display:block;

    padding:5px 10px;

    color:#215dc6;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:11px;

    text-align:left;

    background:#ffffff;

    border:0;

    cursor:pointer;

}

.computerTaskPanel button:hover {

    color:#ffffff;

    background:#316ac5;

}

.computerDetailsPanel {

    padding-bottom:8px;

}

.computerDetailsPanel p {

    margin:5px 9px;

    font-size:11px;

}

.computerMutedText {

    color:#666666;

}

.computerMain {

    flex:1;

    min-width:0;

    padding:8px 13px 20px;

    overflow-y:auto;

    background:#ffffff;

}

.computerSection {

    margin-bottom:22px;

}

.computerSection h2 {

    margin:0 0 10px;

    padding-bottom:4px;

    color:#215dc6;

    font-size:13px;
    font-weight:normal;

    border-bottom:1px solid #d5dff0;

}

.computerItemGrid {

    display:grid;

    grid-template-columns:
        repeat(auto-fill, minmax(125px, 1fr));

    gap:8px;

}

.computerItem {

    min-height:74px;

    display:flex;
    align-items:center;
    gap:9px;

    padding:7px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    text-align:left;

    background:transparent;

    border:1px solid transparent;

    cursor:pointer;

    user-select:none;

}

.computerItem:hover {

    background:#e8f1ff;

    border-color:#8db2e3;

}

.computerItem.selected {

    color:#ffffff;

    background:#316ac5;

    border-color:#1d4e9e;

}

.computerItem img {

    width:42px;
    height:42px;

    flex-shrink:0;

    object-fit:contain;

    pointer-events:none;

}

.driveList {

    display:flex;
    flex-direction:column;

    gap:8px;

}

.driveItem {

    width:100%;

    display:flex;
    align-items:center;
    gap:12px;

    padding:8px;

    font-family:Tahoma, Verdana, sans-serif;

    text-align:left;

    background:transparent;

    border:1px solid transparent;

    cursor:pointer;

}

.driveItem:hover {

    background:#e8f1ff;

    border-color:#8db2e3;

}

.driveItem.selected {

    color:#ffffff;

    background:#316ac5;

}

.driveItem img {

    width:48px;
    height:48px;

    flex-shrink:0;

    object-fit:contain;

    pointer-events:none;

}

.driveInformation {

    flex:1;

}

.driveInformation strong {

    display:block;

    margin-bottom:5px;

    font-size:12px;

}

.driveInformation small {

    display:block;

    margin-top:4px;

    font-size:10px;

}

.driveCapacityBar {

    width:190px;
    max-width:100%;
    height:12px;

    overflow:hidden;

    background:#ffffff;

    border:1px solid #7f9db9;

}

.driveCapacityUsed {

    height:100%;

    display:block;

    background:#316ac5;

}

.computerStatusBar {

    height:24px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 8px;

    font-size:11px;

    background:#ece9d8;

    border-top:1px solid #aca899;

}


.projectExplorerWindow {

    width:820px;
    height:590px;

    top:35px;
    left:175px;

    background:#ece9d8;

}

.projectToolbar {

    min-height:38px;

    display:flex;
    align-items:center;
    gap:6px;

    padding:5px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.projectToolbar button {

    padding:5px 12px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    background:linear-gradient(
        #ffffff,
        #dedbd0
    );

    border:1px solid #7f9db9;

    cursor:pointer;

}

.projectToolbar button:disabled {

    color:#888;

    cursor:default;

}

.projectAddressRow {

    min-height:32px;

    display:flex;
    align-items:center;
    gap:8px;

    padding:4px 7px;

    font-size:12px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.projectAddress {

    flex:1;

    min-height:23px;

    display:flex;
    align-items:center;

    padding:2px 7px;

    overflow:hidden;

    white-space:nowrap;
    text-overflow:ellipsis;

    background:white;

    border:1px solid #7f9db9;

}

.projectExplorerBody {

    height:calc(100% - 124px);

    overflow:auto;

    background:white;

}

.projectFolderView {

    padding:20px;

}

.projectGrid {

    display:grid;

    grid-template-columns:
        repeat(auto-fill, minmax(120px, 1fr));

    gap:18px;

}

.projectExplorerFolder {

    min-height:105px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:8px;

    padding:8px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    text-align:center;

    background:transparent;

    border:1px solid transparent;

    cursor:pointer;

    user-select:none;

}

.projectExplorerFolder:hover {

    background:#e4efff;

    border-color:#8db2e3;

}

.projectExplorerFolder.selected {

    color:white;

    background:#316ac5;

    border-color:#1d4e9e;

}

.projectExplorerFolder img {

    width:52px;
    height:52px;

    object-fit:contain;

    pointer-events:none;

}

.projectDetailView {

    min-height:100%;

    padding:22px;

    background:white;

}

.projectHeader {

    margin-bottom:18px;

    padding-bottom:12px;

    border-bottom:1px solid #ccd8eb;

}

.projectHeader h1 {

    margin:0 0 6px;

    color:#215dc6;

    font-size:22px;

}

.projectHeader p {

    margin:0;

    color:#666;

    font-size:12px;

}

.projectDescription {

    margin-bottom:22px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:13px;
    line-height:1.6;

    white-space:pre-wrap;

}

.projectImageGrid {

    display:grid;

    grid-template-columns:
        repeat(auto-fill, minmax(145px, 1fr));

    gap:16px;

    margin-bottom:22px;

}

.projectImage {

    padding:7px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:11px;

    background:#f5f5f5;

    border:1px solid #aaa;

    cursor:pointer;

}

.projectImage:hover {

    background:#e5efff;

    border-color:#316ac5;

}

.projectImage img {

    width:100%;
    height:115px;

    display:block;

    margin-bottom:6px;

    object-fit:cover;

}

.projectImage span {

    display:block;

    overflow:hidden;

    white-space:nowrap;
    text-overflow:ellipsis;

}

.projectLinks {

    display:flex;
    flex-wrap:wrap;
    gap:9px;

}

.projectLinks:empty {

    display:none;

}

.projectLinks a {

    padding:6px 10px;

    color:#0645ad;

    font-size:12px;

    background:#edf4ff;

    border:1px solid #9bb7dd;

}

.projectStatusBar {

    height:24px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 8px;

    font-size:11px;

    background:#ece9d8;

    border-top:1px solid #aca899;

}


#taskbarApps {

    flex:1;

    min-width:0;

    height:100%;

    display:flex;
    align-items:center;
    gap:4px;

    padding:4px 7px;

    overflow:hidden;

}

.taskbarAppButton {

    width:155px;
    max-width:22vw;
    height:31px;

    display:flex;
    align-items:center;

    padding:0 9px;

    overflow:hidden;

    color:white;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;

    background:linear-gradient(
        #3f8ef4,
        #1f65cc
    );

    border:1px solid #164da7;
    border-radius:3px;

    box-shadow:
        inset 1px 1px rgba(255,255,255,.3);

    cursor:pointer;

}

.taskbarAppButton:hover {

    background:linear-gradient(
        #60a2f5,
        #3478dc
    );

}

.taskbarAppButton.active {

    background:linear-gradient(
        #174f9f,
        #2869bd
    );

    border-color:#0b397c;

    box-shadow:
        inset 1px 1px 3px rgba(0,0,0,.35);

}

.taskbarAppButton.minimised {

    opacity:.78;

}

.windowButtons {

    display:flex;
    align-items:center;
    gap:3px;

}

.minimise {

    width:24px;
    height:24px;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:0 0 7px;

    color:white;

    font-family:Arial, sans-serif;
    font-size:16px;
    font-weight:bold;

    background:linear-gradient(
        #4c95f4,
        #1760cc
    );

    border:1px solid white;
    border-radius:4px;

    cursor:pointer;

}

.minimise:hover {

    background:#2d83ed;

}

.minimise:active {

    border-style:inset;

}

.internetWindow {
    width: 880px;
    height: 625px;
    top: 20px;
    left: 135px;
    background: #ece9d8;
}

.internetMenu {
    height: 26px;
    display: flex;
    align-items: center;
    padding: 0 4px;
    background: #ece9d8;
    border-bottom: 1px solid #aca899;
}

.internetMenu button {
    height: 22px;
    padding: 2px 8px;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    background: transparent;
    border: 1px solid transparent;
    cursor: default;
}

.internetMenu button:hover {
    background: white;
    border-color: #7f9db9;
}

.internetToolbar {
    min-height: 41px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
    background: #ece9d8;
    border-bottom: 1px solid #aca899;
}

.internetToolbar button {
    min-height: 29px;
    padding: 4px 10px;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    background: linear-gradient(#ffffff, #dedbd0);
    border: 1px solid #7f9db9;
    cursor: pointer;
}

.internetToolbar button:hover {
    background: white;
    border-color: #0054e3;
}

.internetToolbar button:disabled {
    color: #999;
    background: #dfdfdf;
    border-color: #aaa;
    cursor: default;
}

.internetAddressRow {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 4px 7px;
    font-size: 12px;
    background: #ece9d8;
    border-bottom: 1px solid #aca899;
}

.internetAddressRow input {
    flex: 1;
    height: 24px;
    padding: 2px 6px;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    border: 1px solid #7f9db9;
}

.internetAddressRow button {
    height: 24px;
    padding: 2px 11px;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
    cursor: pointer;
}

.internetWorkspace {
    height: calc(100% - 155px);
    display: flex;
    min-height: 0;
    background: white;
}

.internetPage {
    flex: 1;
    min-width: 0;
    height: 100%;
    overflow: auto;
    background: white;
}

.internetStatusBar {
    height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    font-size: 11px;
    background: #ece9d8;
    border-top: 1px solid #aca899;
}


.favoritesSidebar {
    width: 220px;
    flex-shrink: 0;
    overflow-y: auto;
    background: #f4f7fb;
    border-right: 1px solid #7f9db9;
}

.favoritesSidebarHeader {
    min-height: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 8px;
    color: #173f78;
    background: linear-gradient(#eaf2ff, #cbdcf3);
    border-bottom: 1px solid #9ab1cf;
}

.favoritesSidebarHeader strong {
    font-size: 12px;
}

#closeFavoritesButton {
    width: 20px;
    height: 20px;
    padding: 0;
    font-family: Arial, sans-serif;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
}

#closeFavoritesButton:hover {
    background: white;
    border-color: #7f9db9;
}

.favoritesList {
    padding: 6px;
}

.favoritesList button {
    width: 100%;
    display: block;
    margin-bottom: 2px;
    padding: 7px 6px;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
}

.favoritesList button:hover {
    color: white;
    background: #316ac5;
    border-color: #1d4e9e;
}

.favoritesDivider {
    height: 1px;
    margin: 6px 3px;
    background: #b9c8da;
}

.personalHomepage {
    min-height: 100%;
    padding: 17px;
    color: #d9e6ff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    background-color: #0A0A0A;
    background-image:
        radial-gradient(
            rgba(255, 255, 255, .16) 1px,
            transparent 1px
        );
    background-size: 18px 18px;
}

.personalHomepageHeader {
    margin-bottom: 11px;
    padding: 16px;
    text-align: center;
    background: #030101;
    border: 3px ridge #160000;
}

.personalHomepageHeader h1 {
    margin: 2px 0 7px;
    color: #818181;
    font-family: "Courier New", monospace;
    font-size: 29px;
    letter-spacing: 4px;
    text-shadow:
        2px 2px #33312F,
        0 0 7px #B7B4AE;
}

.personalHomepageHeader p {
    margin: 0;
    color: #6d3333;
}

.homepageDecoration {
    color: #ebebeb;
    font-size: 12px;
    letter-spacing: 5px;
}

.homepageMarquee {
    margin-bottom: 11px;
    padding: 5px;
    color: #ebebeb;
    background: #030101;
    border: 1px solid #421313;
}

.homepageNavigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin-bottom: 12px;
}

.homepageNavigation button,
.homepagePanel button,
.bookmarkCategory button {
    padding: 5px 10px;
    color: #ebebeb;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background: #580000;
    border: 2px outset #42131398;
    cursor: pointer;
}

.homepageNavigation button:active,
.homepagePanel button:active,
.bookmarkCategory button:active {
    border-style: inset;
}

.homepageLayout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 225px;
    gap: 12px;
}

.homepageSingleColumn {
    max-width: 740px;
    margin: 0 auto;
}

.homepagePanel {
    margin-bottom: 12px;
    padding: 13px;
    color: #ebebeb;
    background: #580000;
    border: 2px ridge #42131398;
}

.homepagePanel h2 {
    margin: 0 0 10px;
    color: #ffa632;
    font-family: "Courier New", monospace;
    font-size: 18px;
    text-transform: lowercase;
}

.homepagePanel h3 {
    color: #ffa632;
}

.homepagePanel p {
    margin: 8px 0;
    line-height: 1.55;
}

.homepagePanel a {
    color: #77d9ff;
}

.homepagePanel a:visited {
    color: #d28aff;
}

.homepageHighlight {
    color: #fff700;
    font-weight: bold;
}

.homepageProjectPreview {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
}

.homepageProjectPreview img {
    width: 180px;
    height: 130px;
    display: block;
    object-fit: cover;
    border: 2px ridge #42131398;
}

.homepageSidebar a {
    display: block;
    margin: 9px 0;
}

.homepageVisitorCounter {
    text-align: center;
}

.homepageVisitorCounter strong {
    display: inline-block;
    padding: 4px 8px;
    color: #00ff57;
    font-family: "Courier New", monospace;
    font-size: 19px;
    background: black;
    border: 2px inset #777;
}

.homepageOnlineStatus {
    color: #46e15a;
    font-weight: bold;
}

.personalHomepageFooter {
    margin-top: 15px;
    padding: 10px;
    color: #9cb0d4;
    font-size: 10px;
    text-align: center;
    border-top: 1px dashed #607cb0;
}

.aboutPageProfile {
    display: flex;
    align-items: center;
    gap: 18px;
}

.aboutProfileImage {
    width: 115px;
    height: 115px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: white;
    border: 3px ridge #cf3000;
}

.aboutProfileImage img {
    width: 95px;
    height: 95px;
    object-fit: contain;
}


.photoBlogEntry header {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #607cb0;
}

.photoBlogEntry header small {
    color: #9eb1cf;
}

.photoBlogEntry > img {
    width: min(520px, 100%);
    max-height: 380px;
    display: block;
    margin: 0 auto 14px;
    object-fit: contain;
    background: black;
    border: 3px ridge #7792bc;
}


.bookmarkCategory a,
.bookmarkCategory button {
    display: block;
    width: fit-content;
    margin: 9px 0;
}

.bookmarkCategory button {
    color: #77d9ff;
    font-weight: normal;
    text-decoration: underline;
    background: transparent;
    border: 0;
    padding: 0;
}


.downloadsTable {
    padding: 6px;
}

.downloadItem {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #526889;
}

.downloadItem:last-child {
    border-bottom: 0;
}

.downloadIcon {
    font-size: 25px;
    text-align: center;
}

.downloadItem strong {
    color: #8de8ff;
}

.downloadItem p {
    margin: 4px 0;
    color: #b8c8e1;
    font-size: 11px;
}

.downloadItem a,
.downloadItem button {
    padding: 5px 8px;
}


.zombieForumPage {
    min-height: 100%;
    padding: 18px;
    color: #111;
    font-family: Tahoma, Verdana, sans-serif;
    background: #d9e5f5;
}

.zombieForumPage header {
    padding: 13px;
    color: white;
    background: #4e0707;
}

.zombieForumPage header h1 {
    margin: 0 0 6px;
    font-size: 19px;
}

.forumTopic {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 11px;
    background: white;
    border-right: 1px solid #8aa4c5;
    border-bottom: 1px solid #8aa4c5;
    border-left: 1px solid #8aa4c5;
}

.forumTopic strong {
    color: #4e0707;
}

.forumTopic span {
    color: #666;
    font-size: 11px;
}

.archivePage {
    min-height: 100%;
    padding: 20px;
    color: black;
    font-family: "Courier New", monospace;
    background: white;
}

.archivePage h1 {
    font-size: 20px;
}

.archivePage button {
    display: block;
    margin: 10px 0;
    padding: 0;
    color: #0000ee;
    font-family: "Courier New", monospace;
    font-size: 14px;
    text-decoration: underline;
    background: transparent;
    border: 0;
    cursor: pointer;
}


.browserErrorPage {
    max-width: 700px;
    margin: 35px auto;
    padding: 25px;
    color: #111;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 13px;
    background: white;
}

.browserErrorPage h1 {
    color: #333;
    font-size: 20px;
}

.browserErrorPage li {
    margin: 8px 0;
}


@media (max-width: 720px) {
    .homepageLayout {
        grid-template-columns: 1fr;
    }

    .homepageProjectPreview {
        grid-template-columns: 1fr;
    }

    .homepageProjectPreview img {
        width: 100%;
    }

    .favoritesSidebar {
        width: 175px;
    }

    .aboutPageProfile {
        align-items: flex-start;
        flex-direction: column;
    }
}


.recycleWindow {

    width:680px;
    height:480px;

    top:75px;
    left:245px;

    background:#ece9d8;

}

.recycleToolbar {

    min-height:38px;

    display:flex;
    align-items:center;
    gap:7px;

    padding:5px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.recycleToolbar button {

    padding:5px 11px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    background:linear-gradient(
        #ffffff,
        #dedbd0
    );

    border:1px solid #7f9db9;

    cursor:pointer;

}

.recycleToolbar button:disabled {

    color:#888;

    background:#dfdfdf;

    cursor:default;

}

.recycleAddressRow {

    min-height:32px;

    display:flex;
    align-items:center;
    gap:8px;

    padding:4px 7px;

    font-size:12px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.recycleAddress {

    flex:1;

    min-height:23px;

    display:flex;
    align-items:center;

    padding:2px 7px;

    background:white;

    border:1px solid #7f9db9;

}

.recycleGrid {

    height:calc(100% - 124px);

    display:grid;

    grid-template-columns:
        repeat(auto-fill, 120px);

    align-content:start;

    gap:18px;

    padding:18px;

    overflow:auto;

    background:white;

}

.recycleItem {

    min-height:105px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;

    padding:7px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    text-align:center;

    background:transparent;

    border:1px solid transparent;

    cursor:pointer;

    user-select:none;

}

.recycleItem:hover {

    background:#e5efff;

    border-color:#8db2e3;

}

.recycleItem.selected {

    color:white;

    background:#316ac5;

    border-color:#1d4e9e;

}

.recycleItem img {

    width:52px;
    height:52px;

    object-fit:cover;

    pointer-events:none;

}

.recycleItem span {

    max-width:100%;

    overflow:hidden;

    text-overflow:ellipsis;
    white-space:nowrap;

}

.recycleStatusBar {

    height:24px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 8px;

    font-size:11px;

    background:#ece9d8;

    border-top:1px solid #aca899;

}


.startMenu {

    position:fixed;

    left:0;
    bottom:40px;

    width:390px;
    height:500px;

    z-index:10000;

    overflow:hidden;

    background:white;

    border:2px solid #1455b8;

    border-bottom:0;

    border-radius:8px 8px 0 0;

    box-shadow:
        5px -5px 20px rgba(0,0,0,.45);

}

.startMenuHeader {

    height:68px;

    display:flex;
    align-items:center;
    gap:11px;

    padding:8px 12px;

    color:white;

    font-size:18px;

    background:linear-gradient(
        #2784e8,
        #0c59bd
    );

    border-bottom:2px solid #ffffff;

}

.startMenuUserPicture {

    width:50px;
    height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    background:white;

    border:2px solid white;
    border-radius:5px;

    box-shadow:0 1px 3px rgba(0,0,0,.4);

}

.startMenuUserPicture img {

    width:42px;
    height:42px;

    object-fit:contain;

}

.startMenuBody {

    height:378px;

    display:grid;

    grid-template-columns:1.15fr .85fr;

}

.startMenuPrograms {

    position:relative;

    padding:7px 6px 42px;

    overflow-y:auto;

    background:white;

}

.startMenuPlaces {

    padding:7px 6px;

    overflow-y:auto;

    background:#d9e7fa;

    border-left:1px solid #95afd4;

}

.startMenuItem {

    width:100%;

    min-height:42px;

    display:flex;
    align-items:center;
    gap:9px;

    padding:5px 7px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    text-align:left;

    background:transparent;

    border:0;
    border-radius:2px;

    cursor:pointer;

}

.startMenuItem:hover {

    color:white;

    background:#316ac5;

}

.startMenuItem img {

    width:32px;
    height:32px;

    flex-shrink:0;

    object-fit:contain;

    pointer-events:none;

}

.startMenuItem span {

    min-width:0;

    display:flex;
    flex-direction:column;

}

.startMenuItem strong {

    font-size:12px;

}

.startMenuItem small {

    color:#777;

    font-size:10px;

}

.startMenuItem:hover small {

    color:#e8f1ff;

}

.startMenuPrimary {

    min-height:52px;

}

.startMenuPrimary img {

    width:38px;
    height:38px;

}

.startMenuSeparator {

    height:1px;

    margin:5px 7px;

    background:#c8c8c8;

    border-bottom:1px solid white;

}

.startMenuAllPrograms {

    position:absolute;

    right:7px;
    bottom:7px;
    left:7px;

    height:31px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;
    font-weight:bold;

    background:transparent;

    border:0;
    border-top:1px solid #cccccc;

    cursor:pointer;

}

.startMenuAllPrograms:hover {

    color:white;

    background:#316ac5;

}

.startMenuPlace {

    width:100%;

    min-height:31px;

    display:block;

    padding:5px 8px;

    color:#17365d;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;
    font-weight:bold;

    text-align:left;

    background:transparent;

    border:0;
    border-radius:2px;

    cursor:pointer;

}

.startMenuPlace:hover {

    color:white;

    background:#316ac5;

}

.startMenuPlaceSeparator {

    height:1px;

    margin:5px 6px;

    background:#9eb6d7;

    border-bottom:1px solid white;

}

.startMenuDisabled {

    color:#58708c;

    font-weight:normal;

}

.startMenuFooter {

    height:54px;

    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;

    padding:8px 10px;

    background:linear-gradient(
        #1f75d4,
        #0a56b6
    );

    border-top:1px solid #ffffff;

}

.startMenuFooter button {

    min-height:33px;

    padding:5px 10px;

    color:white;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:11px;

    background:rgba(255,255,255,.13);

    border:1px solid rgba(255,255,255,.65);
    border-radius:3px;

    cursor:pointer;

}

.startMenuFooter button:hover {

    background:rgba(255,255,255,.28);

}


.allProgramsMenu {

    position:fixed;

    left:203px;
    bottom:82px;

    width:205px;

    z-index:10001;

    padding:6px;

    background:white;

    border:2px solid #1455b8;

    box-shadow:
        5px 5px 15px rgba(0,0,0,.35);

}

.allProgramsMenu button {

    width:100%;

    display:block;

    padding:7px 9px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    text-align:left;

    background:transparent;

    border:0;

    cursor:pointer;

}

.allProgramsMenu button:hover {

    color:white;

    background:#316ac5;

}


.shutdownScreen {

    position:fixed;

    inset:0;

    z-index:50000;

    display:flex;
    align-items:center;
    justify-content:center;

    color:white;

    background:#003399;

}

.shutdownMessage {

    width:min(520px, 90vw);

    padding:35px;

    text-align:center;

    background:#245edb;

    border-top:2px solid rgba(255,255,255,.4);
    border-bottom:2px solid rgba(0,0,0,.25);

}

.shutdownMessage h1 {

    margin:0 0 14px;

    font-size:24px;
    font-weight:normal;

}

.shutdownMessage p {

    margin-bottom:22px;

}

.shutdownMessage button {

    padding:7px 14px;

    font-family:Tahoma, Verdana, sans-serif;

    cursor:pointer;

}

#startButton.startButtonActive {

    filter:brightness(.86);

    box-shadow:
        inset 2px 2px 5px rgba(0,0,0,.35);

}


.startupOverlay {

    position:fixed;

    inset:0;

    z-index:100000;

    overflow:hidden;

    font-family:Tahoma, Verdana, sans-serif;

    background:#000000;

    opacity:1;

    transition:opacity .65s ease;

}

.startupOverlay.startupFinished {

    opacity:0;

    pointer-events:none;

}


.bootScreen {

    width:100%;
    height:100%;

    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    color:white;

    background:#000000;

}

.bootLogo {

    text-align:left;

    transform:translateY(-30px);

}

.bootMicrosoft {

    display:block;

    margin-left:5px;

    color:#bdbdbd;

    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:bold;

}

.bootLogo h1 {

    margin:0;

    color:white;

    font-family:Arial, sans-serif;
    font-size:58px;
    font-weight:normal;
    font-style:italic;

    letter-spacing:-4px;

}

.bootLogo h1 sup {

    position:relative;

    top:-17px;

    margin-left:4px;

    color:#f58220;

    font-size:21px;
    font-style:normal;

    letter-spacing:0;

}

.bootLogo p {

    margin:0 0 0 143px;

    color:#d4d4d4;

    font-family:Arial, sans-serif;
    font-size:17px;
    letter-spacing:3px;

}

.bootLoadingBar {

    width:170px;
    height:18px;

    position:relative;

    margin-top:35px;

    overflow:hidden;

    background:#060606;

    border:2px solid #777777;
    border-radius:4px;

}

.bootLoadingBar span {

    width:45px;
    height:10px;

    position:absolute;

    top:2px;
    left:-50px;

    display:block;

    background:linear-gradient(
        to right,
        #0b2168,
        #4d8cff,
        #0b2168
    );

    border-radius:2px;

    animation:bootLoading 1.25s linear infinite;

}

@keyframes bootLoading {

    from {
        transform:translateX(0);
    }

    to {
        transform:translateX(225px);
    }

}

.bootCopyright {

    position:absolute;

    right:25px;
    bottom:20px;

    margin:0;

    color:#cccccc;

    font-family:Arial, sans-serif;
    font-size:10px;

}


.loginScreen {

    width:100%;
    height:100%;

    display:flex;
    flex-direction:column;

    color:white;

    background:#5a7edc;

}

.loginHeader {

    height:13%;

    display:flex;
    align-items:flex-end;

    padding:0 34px 12px;

    background:#003399;

    border-bottom:3px solid rgba(255,255,255,.65);

}

.loginHeader h1 {

    margin:0;

    font-family:Arial, sans-serif;
    font-size:20px;
    font-style:italic;

}

.loginMain {

    flex:1;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    background:linear-gradient(
        to right,
        #5b7fdb 0%,
        #6689e2 48%,
        #5b7fdb 52%,
        #5b7fdb 100%
    );

}

.loginWelcome {

    padding:35px 55px;

    text-align:right;

    border-right:1px solid rgba(255,255,255,.45);

}

.loginWelcome h2 {

    margin:0 0 12px;

    font-family:Arial, sans-serif;
    font-size:34px;
    font-weight:normal;

}

.loginWelcome p {

    margin:0;

    font-size:14px;

}

.loginAccount {

    width:430px;

    display:flex;
    align-items:flex-start;
    gap:13px;

    margin-left:35px;
    padding:14px;

    background:linear-gradient(
        to right,
        rgba(35,82,182,.9),
        rgba(80,122,215,.35)
    );

    border-top:2px solid rgba(255,255,255,.8);
    border-bottom:2px solid rgba(20,50,130,.8);
    border-radius:8px;

}

.loginUserPicture {

    width:76px;
    height:76px;

    flex-shrink:0;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;

    background:white;

    border:3px solid white;
    border-radius:5px;

    box-shadow:0 2px 4px rgba(0,0,0,.4);

}

.loginUserPicture img {

    width:64px;
    height:64px;

    object-fit:contain;

}

.loginAccountDetails {

    flex:1;

}

.loginAccountDetails h2 {

    margin:0 0 8px;

    font-family:Arial, sans-serif;
    font-size:22px;
    font-weight:normal;

}

.loginAccountDetails label {

    display:block;

    margin-bottom:4px;

    font-size:11px;

}

.loginPasswordRow {

    display:flex;
    align-items:center;
    gap:5px;

}

.loginPasswordRow input {

    width:190px;
    height:25px;

    padding:2px 5px;

    font-family:Tahoma, sans-serif;

    border:2px inset #dddddd;

    outline:none;

}

.loginPasswordRow input:focus {

    border-color:#ffb900;

}

.loginPasswordRow button {

    width:29px;
    height:27px;

    display:flex;
    justify-content:center;
    align-items:center;

    color:white;

    font-size:16px;
    font-weight:bold;

    background:#27912a;

    border:2px outset #daf0d5;
    border-radius:4px;

    cursor:pointer;

}

.loginPasswordRow button:active {

    border-style:inset;

}

#loginMessage {

    min-height:17px;

    margin:7px 0 0;

    color:#e8efff;

    font-size:10px;

}

.loginFooter {

    height:13%;

    display:flex;
    align-items:flex-start;

    padding:13px 34px;

    background:#003399;

    border-top:3px solid rgba(255,255,255,.65);

}

.loginFooter p {

    margin:0;

    font-size:11px;

}


.secretWindow {

    width:570px;
    height:410px;

    top:105px;
    left:300px;

    background:#ece9d8;

}

.secretWindow .titlebar {

    background:linear-gradient(
        #333333,
        #101010
    );

}

.secretWindowMenu {

    height:26px;

    display:flex;
    align-items:center;
    gap:15px;

    padding:0 8px;

    font-size:12px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.secretDocument {

    height:calc(100% - 56px);

    overflow:auto;

    background:#ffffff;

}

.secretDocument pre {

    min-height:100%;

    margin:0;
    padding:15px;

    color:#111111;

    font-family:"Courier New", monospace;
    font-size:14px;
    line-height:1.55;

    white-space:pre-wrap;

}


@media (max-width:750px) {

    .loginMain {

        grid-template-columns:1fr;

        align-content:center;

    }

    .loginWelcome {

        padding:20px;

        text-align:center;

        border-right:0;

    }

    .loginAccount {

        width:min(430px, 90vw);

        margin:0 auto;

    }

}

#desktopFiles {

    position:absolute;

    inset:0;

    pointer-events:none;

}

.desktopFile {

    width:90px;

    position:absolute;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;

    padding:6px;

    color:white;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    text-align:center;

    background:transparent;

    border:1px solid transparent;

    cursor:default;

    pointer-events:auto;

    user-select:none;

}

.desktopFile:hover {

    background:rgba(49,106,197,.28);

    border-color:rgba(255,255,255,.55);

}

.desktopFile.selected {

    background:rgba(49,106,197,.7);

    border:1px dotted white;

}

.desktopFile img {

    width:48px;
    height:48px;

    display:block;

    object-fit:contain;

    pointer-events:none;

}

.desktopFile[data-file-type="image"] img {

    padding:2px;

    object-fit:cover;

    background:white;

    border:1px solid #777;

}

.desktopFile span {

    max-width:100%;

    overflow:hidden;

    line-height:1.25;

    text-overflow:ellipsis;

    text-shadow:
        1px 1px 2px #000,
        -1px -1px 2px #000;

}


.desktopTextWindow {

    width:650px;
    height:480px;

    top:85px;
    left:275px;

    background:#ece9d8;

}

.desktopTextMenu {

    height:26px;

    display:flex;
    align-items:center;

    padding:0 4px;

    background:#ece9d8;

    border-bottom:1px solid #aca899;

}

.desktopTextMenu button {

    height:22px;

    padding:2px 8px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    background:transparent;

    border:1px solid transparent;

    cursor:default;

}

.desktopTextMenu button:hover {

    background:#d6e5f5;

    border-color:#316ac5;

}

.desktopTextDocument {

    height:calc(100% - 80px);

    overflow:auto;

    background:white;

}

#desktopTextDisplay {

    min-width:100%;
    min-height:100%;

    margin:0;

    padding:14px;

    color:#000;

    font-family:"Courier New", Courier, monospace;
    font-size:15px;
    line-height:1.55;

    white-space:pre-wrap;
    overflow-wrap:anywhere;

    background:white;

    user-select:text;

}

.desktopTextStatus {

    height:24px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 8px;

    font-size:11px;

    background:#ece9d8;

    border-top:1px solid #aca899;

}


.messengerWindow {

    width:760px;
    height:540px;

    top:55px;
    left:220px;

    background:#ece9d8;

}

.messengerAccountHeader {

    height:82px;

    display:flex;
    align-items:center;
    gap:12px;

    padding:10px 14px;

    background:linear-gradient(
        #eef5ff,
        #c9ddf8
    );

    border-bottom:1px solid #8ba7ca;

}

.messengerAccountHeader img {

    width:58px;
    height:58px;

    object-fit:contain;

    background:white;

    border:2px solid #86a4c8;
    border-radius:5px;

}

.messengerAccountHeader strong {

    color:#1f4b88;

    font-size:17px;

}

.messengerAccountHeader p {

    margin:3px 0;

    color:#24812b;

    font-size:12px;

}

.messengerAccountHeader span {

    color:#555;

    font-size:11px;
    font-style:italic;

}

.messengerBody {

    height:calc(100% - 136px);

    display:flex;

    min-height:0;

}

.messengerContacts {

    width:215px;

    flex-shrink:0;

    overflow-y:auto;

    background:#f2f7fd;

    border-right:1px solid #8ba7ca;

}

.messengerContactHeading {

    padding:7px 9px;

    color:#2a4e84;

    font-size:11px;
    font-weight:bold;

    background:#d9e7f9;

    border-bottom:1px solid #b4c8e3;

}

.messengerContact {

    width:100%;

    display:flex;
    align-items:center;
    gap:8px;

    padding:8px;

    font-family:Tahoma, Verdana, sans-serif;

    text-align:left;

    background:transparent;

    border:0;
    border-bottom:1px solid #e0e8f1;

    cursor:pointer;

}

.messengerContact:hover {

    background:#dcecff;

}

.messengerContact.selected {

    color:white;

    background:#316ac5;

}

.messengerContact > span:last-child {

    min-width:0;

    display:flex;
    flex-direction:column;

}

.messengerContact strong {

    font-size:12px;

}

.messengerContact small {

    overflow:hidden;

    color:#777;

    font-size:10px;

    text-overflow:ellipsis;
    white-space:nowrap;

}

.messengerContact.selected small {

    color:#e6efff;

}

.messengerStatus {

    width:11px;
    height:11px;

    flex-shrink:0;

    border-radius:50%;

    border:1px solid rgba(0,0,0,.4);

}

.messengerStatus.online {

    background:#35c84a;

}

.messengerStatus.away {

    background:#f0c52d;

}

.messengerStatus.offline {

    background:#999;

}

.messengerChat {

    flex:1;

    min-width:0;

    display:flex;
    flex-direction:column;

    background:white;

}

.messengerChatHeader {

    min-height:52px;

    display:flex;
    align-items:center;

    padding:8px 12px;

    background:#edf4fd;

    border-bottom:1px solid #a6bad5;

}

.messengerChatHeader strong {

    color:#214f8d;

    font-size:14px;

}

.messengerChatHeader p {

    margin:3px 0 0;

    color:#298034;

    font-size:10px;

}

.messengerMessages {

    flex:1;

    min-height:0;

    padding:12px;

    overflow-y:auto;

    background:#ffffff;

}

.messengerMessage {

    position:relative;

    margin-bottom:13px;

    padding:8px 9px 20px;

    color:#111;

    font-family:Verdana, sans-serif;
    font-size:12px;

    background:#edf5ff;

    border:1px solid #adc6e5;
    border-radius:5px;

}

.messengerMessage.sent {

    margin-left:45px;

    background:#effbea;

    border-color:#a7cea1;

}

.messengerMessage.received {

    margin-right:45px;

}

.messengerMessage strong {

    color:#234e8d;

    font-size:11px;

}

.messengerMessage.sent strong {

    color:#35712e;

}

.messengerMessage p {

    margin:6px 0;

    line-height:1.45;

}

.messengerMessage small {

    position:absolute;

    right:7px;
    bottom:5px;

    color:#777;

    font-size:9px;

}

.strangeMessage {

    color:#202020;

    background:#eeeeee;

    border-color:#777;

}

.strangeMessage strong {

    color:#111;

}

.messengerTyping {

    min-height:22px;

    padding:4px 12px;

    color:#666;

    font-size:10px;
    font-style:italic;

    background:#fafafa;

}

.messengerMessageForm {

    min-height:92px;

    display:flex;
    gap:7px;

    padding:8px;

    background:#edf4fd;

    border-top:1px solid #a6bad5;

}

.messengerMessageForm textarea {

    flex:1;

    resize:none;

    padding:6px;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    border:1px solid #7f9db9;

}

.messengerMessageForm button {

    width:72px;

    font-family:Tahoma, Verdana, sans-serif;

    cursor:pointer;

}

.messengerStatusBar {

    height:24px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 8px;

    font-size:10px;

    background:#ece9d8;

    border-top:1px solid #aca899;

}


#systemTray {

    height:100%;

    display:flex;
    align-items:center;

    flex-shrink:0;

    padding:0 7px 0 5px;

    background:linear-gradient(
        #33a3e8,
        #1376c5
    );

    border-left:1px solid rgba(255,255,255,.45);

    box-shadow:
        inset 1px 0 rgba(0,0,0,.15);

}

.trayIcon {

    width:25px;
    height:30px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    color:white;

    font-size:15px;

    background:transparent;

    border:1px solid transparent;
    border-radius:2px;

    cursor:pointer;

}

.trayIcon:hover {

    background:rgba(255,255,255,.18);

    border-color:rgba(255,255,255,.3);

}

.trayIcon:active {

    background:rgba(0,0,0,.18);

}

.trayIcon img {

    width:16px;
    height:16px;

    display:block;

    object-fit:contain;

    pointer-events:none;

    user-select:none;

}

#systemTray #clock {

    width:auto;

    min-width:70px;

    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0;
    padding:0 5px;

    color:white;

    font-size:12px;

    background:transparent;

}


#notificationArea {

    position:fixed;

    right:8px;
    bottom:48px;

    width:290px;

    z-index:40000;

    display:flex;
    flex-direction:column-reverse;
    gap:8px;

    pointer-events:none;

}


.systemNotification {

    position:relative;

    width:100%;

    display:grid;

    grid-template-columns:36px 1fr 20px;

    gap:8px;

    padding:10px 8px 11px;

    color:#111111;

    font-family:Tahoma, Verdana, sans-serif;

    background:linear-gradient(
        #fffef4,
        #fff7c8
    );

    border:1px solid #0f5ba7;
    border-radius:7px;

    box-shadow:
        3px 4px 10px rgba(0,0,0,.38),
        inset 1px 1px rgba(255,255,255,.9);

    pointer-events:auto;

    transform:translateY(18px);

    opacity:0;

    animation:
        notificationAppear .28s ease forwards;

}

.systemNotification::after {

    content:"";

    position:absolute;

    right:26px;
    bottom:-10px;

    width:17px;
    height:17px;

    background:#fff7c8;

    border-right:1px solid #0f5ba7;
    border-bottom:1px solid #0f5ba7;

    transform:rotate(45deg);

}

.systemNotification.notificationLeaving {

    animation:
        notificationDisappear .25s ease forwards;

}

.notificationIcon {

    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;

    background:rgba(255,255,255,.65);

    border:1px solid rgba(0,0,0,.13);
    border-radius:4px;

}

.notificationText {

    min-width:0;

}

.notificationText strong {

    display:block;

    margin-bottom:4px;

    color:#124a8e;

    font-size:12px;

}

.notificationText p {

    margin:0;

    font-size:11px;
    line-height:1.4;

}

.notificationClose {

    width:19px;
    height:19px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    color:#555;

    font-family:Arial, sans-serif;
    font-size:13px;
    font-weight:bold;

    background:transparent;

    border:1px solid transparent;

    cursor:pointer;

}

.notificationClose:hover {

    color:#000;

    background:#f0dca0;

    border-color:#c9aa55;

}

@keyframes notificationAppear {

    to {

        transform:translateY(0);

        opacity:1;

    }

}

@keyframes notificationDisappear {

    to {

        transform:translateY(15px);

        opacity:0;

    }

}


@media (max-width:600px) {

    #notificationArea {

        right:6px;
        left:6px;

        width:auto;

    }

    .trayIcon {

        width:22px;

    }

}

.volumePopup {

    position:fixed;

    right:72px;
    bottom:45px;

    width:155px;

    z-index:45000;

    padding:10px;

    color:#111;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:11px;

    background:#ece9d8;

    border:1px solid #245edb;

    box-shadow:
        3px 3px 10px rgba(0,0,0,.4),
        inset 1px 1px white;

}

.volumePopup strong {

    display:block;

    margin-bottom:9px;

    color:#124a8e;

    font-size:12px;

}

.volumePopupBody {

    display:flex;
    align-items:center;
    gap:8px;

}

.volumePopupBody span {

    font-size:19px;

}

#masterVolumeSlider {

    flex:1;

    min-width:0;

    accent-color:#316ac5;

    cursor:pointer;

}

.volumeMuteRow {

    display:flex;
    align-items:center;
    gap:6px;

    margin-top:9px;

    padding-top:7px;

    border-top:1px solid #aca899;

    cursor:pointer;

}


.antlerwoodSite {

    min-height:100%;

    padding:18px;

    color:#292d24;

    font-family:Georgia, "Times New Roman", serif;
    font-size:14px;

    background:#d9dccd;

    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(54,65,44,.035) 0,
            rgba(54,65,44,.035) 1px,
            transparent 1px,
            transparent 4px
        );

}

.antlerwoodHeader {

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    padding:20px;

    color:#f1eedf;

    background:#35442f;

    border:5px double #b9aa79;

}

.antlerwoodSmallHeading {

    margin:0 0 4px;

    font-size:12px;
    text-transform:uppercase;
    letter-spacing:3px;

}

.antlerwoodHeader h1 {

    margin:0 0 7px;

    font-size:31px;
    font-weight:normal;

    letter-spacing:1px;

}

.antlerwoodHeader p {

    margin:0;

}

.antlerwoodEmblem {

    width:75px;
    height:75px;

    flex-shrink:0;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:44px;

    background:#e5dfc5;

    border:4px double #b9aa79;
    border-radius:50%;

}

.antlerwoodNavigation {

    display:flex;
    flex-wrap:wrap;
    gap:3px;

    margin:9px 0;

    padding:5px;

    background:#69765d;

    border:1px solid #3b4733;

}

.antlerwoodNavigation button {

    padding:7px 11px;

    color:#f8f6eb;

    font-family:Georgia, serif;
    font-size:12px;

    background:#4e5c45;

    border:1px solid #89947c;

    cursor:pointer;

}

.antlerwoodNavigation button:hover {

    color:#263020;

    background:#d8d1b2;

}

.antlerwoodLayout {

    display:grid;

    grid-template-columns:minmax(0, 1fr) 220px;

    gap:12px;

}

.antlerwoodSingleColumn {

    max-width:760px;

    margin:0 auto;

}

.antlerwoodPanel {

    margin-bottom:12px;

    padding:15px;

    background:#f0eedf;

    border:1px solid #a6a58f;

    box-shadow:
        inset 0 0 20px rgba(60,67,48,.07);

}

.antlerwoodPanel h2 {

    margin:0 0 11px;

    padding-bottom:5px;

    color:#3d4e35;

    font-size:19px;
    font-weight:normal;

    border-bottom:1px solid #a7a88f;

}

.antlerwoodPanel p {

    line-height:1.55;

}

.antlerwoodEvents {

    width:100%;

    border-collapse:collapse;

}

.antlerwoodEvents th,
.antlerwoodEvents td {

    padding:7px;

    text-align:left;

    border-bottom:1px dotted #9d9f87;

}

.antlerwoodEvents th {

    width:130px;

    color:#4b5b42;

}

.antlerwoodNotice {

    padding:8px;

    color:#6c2d22;

    font-weight:bold;

    background:#e5d8c2;

    border-left:4px solid #7c4838;

}

.antlerwoodUnavailable {

    color:#824033;

    font-size:12px;
    font-style:italic;

}

.antlerwoodQuotation {

    margin:16px 25px;

    padding:11px 15px;

    color:#38442f;

    font-size:17px;
    font-style:italic;

    background:#dedcc9;

    border-left:4px solid #67755d;

}

.antlerwoodFadedText {

    color:#747769;

    font-size:12px;

}

.antlerwoodFooter {

    margin-top:12px;

    padding:10px;

    color:#e7e3d2;

    font-size:11px;
    text-align:center;

    background:#35442f;

    border-top:3px double #b9aa79;

}


.antlerwoodGalleryGrid {

    display:grid;

    grid-template-columns:
        repeat(auto-fill, minmax(170px, 1fr));

    gap:14px;

}

.antlerwoodGalleryGrid figure {

    margin:0;

    padding:7px;

    background:#dedcc9;

    border:1px solid #9c9d88;

}

.antlerwoodImagePlaceholder {

    height:125px;

    display:flex;
    justify-content:center;
    align-items:center;

    color:#d8d8d0;

    font-family:Tahoma, sans-serif;
    font-size:11px;

    background:#4b5147;

    border:4px solid white;

}

.antlerwoodImagePlaceholder.corrupted {

    color:#ccb8b3;

    background:
        repeating-linear-gradient(
            0deg,
            #292b28 0,
            #292b28 5px,
            #5f645b 5px,
            #5f645b 7px
        );

}

.antlerwoodGalleryGrid figcaption {

    padding-top:7px;

    font-size:11px;
    line-height:1.4;

}


.antlerwoodBoard {

    min-height:100%;

    padding:14px;

    color:#111;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    background:#d3dacd;

}

.antlerwoodBoardHeader {

    padding:13px;

    color:white;

    background:#31472e;

    border:1px solid #182817;

}

.antlerwoodBoardHeader h1 {

    margin:0 0 5px;

    font-size:19px;

}

.antlerwoodBoardHeader p {

    margin:0;

    color:#d0ddcc;

}

.antlerwoodBoardNavigation {

    display:flex;
    gap:5px;

    padding:6px;

    background:#6a7865;

}

.antlerwoodBoardNavigation button {

    padding:5px 9px;

    font-family:Tahoma, sans-serif;
    font-size:11px;

    cursor:pointer;

}

.antlerwoodTopics {

    border-top:1px solid #7d8b78;

}

.antlerwoodTopic {

    padding:10px;

    background:#f5f5ee;

    border-right:1px solid #899684;
    border-bottom:1px solid #899684;
    border-left:1px solid #899684;

}

.antlerwoodTopic:nth-child(even) {

    background:#e7eadf;

}

.antlerwoodTopic header {

    display:flex;
    justify-content:space-between;
    gap:15px;

    color:#304d2e;

}

.antlerwoodTopic p {

    margin:9px 0;

    line-height:1.45;

}

.antlerwoodTopic small {

    color:#777;

}

.antlerwoodTopic.unusualTopic {

    background:#dedbd3;

}

.antlerwoodTopic.unusualTopic header {

    color:#4e302b;

}

.antlerwoodBoardFooter {

    display:flex;
    justify-content:space-between;

    padding:8px;

    color:#d6dfd2;

    font-size:10px;

    background:#31472e;

}


@media (max-width:720px) {

    .antlerwoodLayout {

        grid-template-columns:1fr;

    }

    .antlerwoodHeader {

        align-items:flex-start;

    }

    .antlerwoodEmblem {

        width:55px;
        height:55px;

        font-size:30px;

    }

}


.homepageGuestbook {

    max-width:740px;

    margin:12px auto;

}

#homepageGuestbookForm {

    display:flex;
    flex-direction:column;
    gap:7px;

}

#homepageGuestbookForm label {

    color:#8de8ff;

    font-size:11px;
    font-weight:bold;

}

#homepageGuestbookForm input,
#homepageGuestbookForm textarea {

    padding:7px;

    color:#111;

    font-family:Verdana, Arial, sans-serif;
    font-size:12px;

    background:#ffffff;

    border:2px inset #bbbbbb;

}

#homepageGuestbookForm textarea {

    resize:vertical;

}

#homepageGuestbookForm button {

    width:max-content;

    margin-top:3px;

}

.homepageGuestbookResponse {

    min-height:18px;

    color:#fff700;

    font-size:11px;

}


.rootsComputerItem {

    position:relative;

}

.rootsComputerItem::after {

    content:"Network Location";

    position:absolute;

    right:5px;
    bottom:4px;

    color:#666;

    font-size:8px;

}

.rootsComputerItem.selected::after {

    color:#e9f1ff;

}

.rootsHub {

    min-height:100%;

    padding:15px;

    color:#c6c9bd;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:12px;

    background:#141813;

    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(143,155,126,.025) 0,
            rgba(143,155,126,.025) 1px,
            transparent 1px,
            transparent 4px
        );

}

.rootsHubHeader {

    padding:15px;

    color:#d8ddcf;

    background:#252d22;

    border:1px solid #66705d;
    border-bottom:4px double #66705d;

}

.rootsHubHeader p {

    margin:0 0 5px;

    color:#8f9c83;

    font-size:9px;

    letter-spacing:4px;

}

.rootsHubHeader h1 {

    margin:0 0 6px;

    color:#e1e4d8;

    font-family:"Courier New", monospace;
    font-size:22px;
    font-weight:normal;

    letter-spacing:2px;

}

.rootsHubHeader small {

    color:#7e8b74;

}

.rootsHubNavigation {

    display:flex;
    flex-wrap:wrap;
    gap:4px;

    padding:7px;

    background:#30382c;

    border-right:1px solid #66705d;
    border-bottom:1px solid #66705d;
    border-left:1px solid #66705d;

}

.rootsHubNavigation button {

    padding:6px 9px;

    color:#c8cebd;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:11px;

    background:#20261e;

    border:1px solid #566050;

    cursor:pointer;

}

.rootsHubNavigation button:hover {

    color:#111;

    background:#a9b49c;

}

.rootsHubContent {

    min-height:350px;

    padding:14px;

    background:#191e17;

    border-right:1px solid #4b5446;
    border-left:1px solid #4b5446;

}

.rootsSection h2 {

    margin:0 0 13px;

    padding-bottom:7px;

    color:#b7c1aa;

    font-family:"Courier New", monospace;
    font-size:17px;
    font-weight:normal;

    border-bottom:1px solid #50594a;

}

.rootsPost {

    margin-bottom:10px;

    padding:10px;

    background:#222820;

    border:1px solid #454e40;

}

.rootsPost header {

    display:flex;
    justify-content:space-between;
    gap:15px;

    color:#aeba9f;

}

.rootsPost header span {

    color:#6f7b67;

    font-size:10px;

}

.rootsPost p {

    margin:9px 0 2px;

    line-height:1.5;

}

.rootsConversation {

    max-width:670px;

}

.rootsMessage {

    position:relative;

    margin-bottom:9px;

    padding:10px;

    background:#222820;

    border-left:3px solid #65725e;

}

.rootsMessage strong {

    color:#adb9a1;

}

.rootsMessage small {

    position:absolute;

    top:9px;
    right:9px;

    color:#677060;

    font-size:9px;

}

.rootsMessage p {

    margin:8px 0 0;

}

.rootsMessageWarning {

    color:#b7aaa4;

    background:#272321;

    border-left-color:#71574d;

}

.rootsFileList {

    display:flex;
    flex-direction:column;

    max-width:430px;

    border:1px solid #4f594a;

}

.rootsFileList button {

    padding:8px;

    color:#b8c2ac;

    font-family:"Courier New", monospace;
    font-size:12px;

    text-align:left;

    background:#20251e;

    border:0;
    border-bottom:1px solid #41493d;

    cursor:pointer;

}

.rootsFileList button:hover {

    color:#111;

    background:#aab59e;

}

.rootsAccessNotice {

    color:#757f6e;

    font-size:10px;
    font-style:italic;

}

.rootsHubFooter {

    display:flex;
    justify-content:space-between;

    padding:8px;

    color:#707a68;

    font-size:9px;

    background:#252d22;

    border:1px solid #66705d;

}


.rootsResidentLogin {

    max-width:430px;

    margin-top:15px;
    padding:12px;

    background:#20251e;

    border:1px solid #4f594a;

}

#rootsResidentLoginForm {

    display:flex;
    flex-direction:column;
    gap:7px;

}

#rootsResidentLoginForm label {

    color:#aeb9a2;

    font-family:"Courier New", monospace;
    font-size:11px;

}

.rootsPasswordRow {

    display:flex;
    gap:6px;

}

#rootsResidentPassword {

    flex:1;

    min-width:0;

    padding:6px;

    color:#c4ceba;

    font-family:"Courier New", monospace;
    font-size:12px;

    background:#111510;

    border:1px solid #5b6555;

    outline:none;

}

#rootsResidentPassword:focus {

    border-color:#a3ae98;

}

.rootsPasswordRow button {

    padding:5px 12px;

    color:#c8d0c0;

    font-family:Tahoma, Verdana, sans-serif;
    font-size:11px;

    background:#30382c;

    border:1px solid #687361;

    cursor:pointer;

}

.rootsPasswordRow button:hover {

    color:#111;

    background:#a9b49c;

}

.rootsResidentLoginResponse {

    min-height:17px;

    margin:2px 0 0;

    color:#9a7469;

    font-size:10px;

}

.rootsResidentWelcome {

    max-width:430px;

    margin-top:15px;
    padding:11px;

    color:#bac5ae;

    background:#252d22;

    border-left:4px solid #78866e;

}

.rootsResidentWelcome strong {

    color:#d3dacb;

}

.rootsResidentWelcome p {

    margin:6px 0 0;

    font-size:10px;

}

.residentOnlyFile {

    position:relative;

}

.residentOnlyFile::after {

    content:"RESIDENT";

    position:absolute;

    right:8px;

    color:#6f7b67;

    font-size:8px;

}

.rootsTakeoverScreen {

    position:fixed;

    inset:0;

    z-index:200000;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;

    color:#c7d0c0;

    background:#020302;

    cursor:none;

}

.rootsTakeoverScreen::before {

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,.025) 0,
            rgba(255,255,255,.025) 1px,
            transparent 1px,
            transparent 4px
        );

    opacity:.7;

}

.rootsTakeoverScreen::after {

    content:"";

    position:absolute;

    inset:-10%;

    pointer-events:none;

    background:
        radial-gradient(
            circle at center,
            transparent 35%,
            rgba(0,0,0,.72) 100%
        );

}

.rootsTakeoverTerminal {

    width:min(720px, 86vw);

    position:relative;

    z-index:1;

    padding:28px;

    font-family:"Courier New", Courier, monospace;
    font-size:16px;
    line-height:1.8;

    text-shadow:
        0 0 4px rgba(174,204,164,.3);

}

.rootsTakeoverText {

    white-space:pre-wrap;

}

.rootsTakeoverCursor {

    display:inline-block;

    margin-top:7px;

    color:#9dad93;

    animation:rootsCursorBlink .8s steps(1) infinite;

}

@keyframes rootsCursorBlink {

    50% {
        opacity:0;
    }

}

.rootsTakeoverScreen.takeoverFlicker {

    animation:takeoverScreenFlicker 7s infinite;

}

@keyframes takeoverScreenFlicker {

    0%,
    96%,
    100% {
        filter:none;
    }

    97% {
        filter:brightness(.72);
    }

    98% {
        filter:brightness(1.12);
    }

}

/*--*/

.hidden {
    display:none !important;
}