@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

.em{
    position: relative;
    font-size: 20px;
    top: 2px;
}
.win{
    background-image:url("../icon/cfg/win.png")
}



.mouse{
    background-image:url("../icon/cfg/mouse.png")
}
.key{
    background-image:url("../icon/cfg/key.png")
}
.mic{
    background-image:url("../icon/cfg/mic.png")
}
.phone{
    background-image:url("../icon/cfg/phone3.png")
}
.pad{
    background-image:url("../icon/cfg/ipad2.png")
}
.display{
    background-image:url("../icon/cfg/monitor3.png")
}



.box{
    background-image:url("../icon/cfg/pc.png")
}
.power{
    background-image:url("../icon/cfg/electro.png")
}
.board{
    background-image:url("../icon/cfg/matboard.png")
}
.cpu{
    background-image:url("../icon/cfg/cpu.png")
}
.gpu{
    background-image:url("../icon/cfg/gpu.png")
}
.memory{
    background-image:url("../icon/cfg/ram.png")
}
.hdd{
    background-image:url("../icon/cfg/hdd.png")
}
.sdd{
    background-image:url("../icon/cfg/ssd.png")
}
.m2{
    background-image:url("../icon/cfg/m2.png")
}

.Version{
    font-style: bold;
    color: rgb(255, 255, 255);
    background-color: rgb(218, 55, 55);
    border-radius: 3px;
    height: 22px;
    padding: 0px;
}
.hero-copy{
    width: 100%;
    padding: 0px;
}
.site-header{
    background-color: black;
    height: 90px;
}
span {
    border-radius: 5px;
    transition: 0.2s;
    background: #4d246e;
    padding: 3px 15px 3px 15px;
}
span:hover {
    border-radius: 5px;
    transition: 0.2s;
    background: #643788;
    color: #45b5ff;
    padding: 3px 15px 3px 15px;
}
.site-footer a:hover,
.site-footer a:active {
    text-decoration: none
}
.body-wrap{
    background-color: #0d1218;
}
.css-info{
    font-family: 'Quicksand', "Segoe UI";
    font-weight: 600;
    color: #fff;
    background: #141c24;
    border-radius: 2px;
    margin-top: 10px;
    line-height: 30px;
    margin-top: -90px;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 15px;
    border: 1px solid #FA1A1A;
}
.css-info1{
    font-family: 'Quicksand', "Segoe UI";
    font-weight: 600;
    color: #fff;
    background: #141c24;
    border-radius: 2px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    border: 1px solid #FA1A1A;
}
.css-name{
    text-align: center;
    color: #fff;
    background: #680b0b;
    border-radius: 1px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-top: -20px;
    font-size: 18px;
    margin-bottom: 15px;
    padding: 3px;
    border-bottom: 1px solid #FA1A1A;
}
.css-sys{
    position: relative; justify-content: space-between; align-items: center
}
.css-linka{

    text-decoration: none !important;
    border-radius: 3px;
    background: #2F0505;
    left: 5px;
    top: 5px;
    padding: 1px 10px;
    cursor: default;
}
.css-link{
    display: inline-flex;
    text-decoration: none !important;
    color: #7289DA;
    background-color: rgba(114,137,218,.1);
    border-radius: 3px;
    padding: 0 2px;
    cursor: pointer;
}
.discord {
    position: absolute;
    top: 0.8em;
    right: 0;
    transition: 0.2s;
    display: inline-flex;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: none !important;
    text-transform: none;
    background-color: #2f39a7;
    font-family: 'Quicksand', "Segoe UI";
    color: #fff;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    justify-content: center;
    padding: 7px 10px;
    height: 32px;
    text-align: center;
    white-space: nowrap;
}   
.discord:hover {
    transition: 0.2s;
    color: #fff;
    background: #1a248f;
}
.site-footer a {
    text-decoration: none
}


.txt{
    transition: 0.2s;
    color: hsl(0, 0%, 100%);
    /* background: hsl(217, 30%, 22%);
    padding: 3px 6px;
    border-radius: 3px;
    height: 565px;
    box-shadow: 5px 5px 4px hsl(206, 30%, 5%);
    border-top: solid hsl(217, 30%, 28%) 1px;
    border-left: solid hsl(217, 30%, 28%) 1px;
    border-right: solid hsl(217, 30%, 28%) 0px;
    border-bottom: solid hsl(217, 30%, 28%) 0px; */
    font-size: 14px;
    /* bottom: 5px; */
    position: relative;
}
#s{
    color: #eb85ff;
    padding: 0px;
    background: none;
    margin-left: 3px;
}
.txts{
    transition: 0.2s all;
    color: hsl(0, 0%, 100%);
    background: hsl(217, 30%, 22%);
    padding: 3px 6px;
    border-radius: 3px;
    left: 15px;
    margin-top: 5px;
    position: relative;
    /* height: 56px; */
    margin-right: 30px;
    /* width: 350px; */
    height: 60px;
    box-shadow: 5px 5px 4px hsl(206, 30%, 5%);
    border-top: solid hsl(217, 30%, 28%) 1px;
    border-left: solid hsl(217, 30%, 28%) 1px;
    border-right: solid hsl(217, 30%, 28%) 0px;
    border-bottom: solid hsl(217, 30%, 28%) 0px;
}
.txts:hover{
    color: hsl(0, 0%, 100%);
    background: hsl(217, 29%, 28%);
    padding: 3px 6px;
    border-radius: 3px;
    /* height: 565px; */
    box-shadow: 2px 2px 1px hsl(206, 30%, 5%)
}
.money{
    position: relative;
    left: 44px;
    top: 22px;
    color: hsl(0, 0%, 100%);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    text-align: right;
    /* box-shadow: 2px 2px 1px #080c0f; */
    background: rgb(0, 0, 0);
    text-align: right;
}
.mon{
    position: relative;
    left: 44px;
    top: 22px;
    color: hsl(0, 0%, 100%);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    text-align: right;
    /* box-shadow: 2px 2px 1px #080c0f; */
    background: rgb(0, 0, 0);
    text-align: right;
}
.money::after{
    content: 'руб';
    color: #36ff72;
    margin-left: 2px;
}

.info{
    transition: 0.2s;
    position: relative;
    left: 44px;
    top: 22px;
    color: hsl(0, 0%, 100%);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    text-align: right;
    /* box-shadow: 2px 2px 1px #080c0f; */
    background: rgb(0, 0, 0);
    text-align: right;
    margin-left: 3px;
}

#ww{
    color: #ae9fff;
    padding: 0px;
    background: none;
    margin-left: 2px;
}