@font-face {
    font-family:'FuraMono NFM';
    src:url(https://raw.githubusercontent.com/ryanoasis/nerd-fonts/v2.2.2/patched-fonts/FiraMono/Regular/complete/Fura%20Mono%20Regular%20Nerd%20Font%20Complete%20Mono%20Windows%20Compatible.otf) format('opentype') 
}
/* ============================================================= */
/* COLORS START */
.mainColor {
    color:#00b600 
}

.secondColor {
    color:#a6a5f9 
}
/*  COLORS END  */
/* ============================================================= */
* {
    font-size:20px;
    text-size-adjust:none;
    color:#fff;
    font-family:'FuraMono NFM' 
}
body {
    background:#000 url(background.png) no-repeat center center fixed;
    background-size:cover;
    overflow:overlay;
    margin:0 
}
.window {
    position:absolute!important;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:#001000CF;
    border-radius:15px;
    padding:7px;
    box-sizing:border-box;
    overflow:hidden;
    backdrop-filter:blur(20px);
}
.container {
    overflow:auto;
    height:100%;
    width:100% 
}
.close {
    float:right;
    color:red;
    text-decoration:none 
}
#links {
    width:100%;
    background-color:#001000CF;
    backdrop-filter:blur(20px);
    height:30px;
    z-index:-1;
    box-sizing:border-box 
}
#links > a {
    margin:0 15px;
    color:#fff;
    text-decoration:none 
}
a {
    color:#9ff1ff;
    font-weight:700;
    font-style:underline;
    text-decoration:underline;
    cursor:pointer 
}
::-webkit-scrollbar {
    width:5px;
    height:5px 
}
::-webkit-scrollbar-track {
    display:none 
}
::-webkit-scrollbar-thumb {
    background:#888;
    border-radius:5px 
}
::-webkit-scrollbar-thumb:hover {
    background:#888 
}
::-webkit-scrollbar-corner {
    display:none 
}
img {
    float:left;
    width:220px;
    height: 220px;
    border-radius:10px;
    margin-right:5px 
}