.main_nanotech_info{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    background: #262626;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.blocks_nano{
    display: grid;
    justify-content: center;
    align-items: center;
    transition: .5s;
}

.blocks_nano:hover{
    transform: translate(0px,-5px);
    background: #353535;
}

.border-right{
    border-right: 1px solid #3e3e3e;
}

.blocks_nano h1{
    width: 100px;
    height: 100px;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
}

.grass{
    background-image: url(../image/servers/nanotech/grass.png);
}

.world{
    background-image: url(../image/servers/nanotech/world.webp);
}

.nether{
    background-image: url(../image/servers/nanotech/nether.webp);
}

.end{
    background-image: url(../image/servers/nanotech/end.webp);
}

.sword{
    background-image: url(../image/servers/nanotech/sword.webp);
}

.blocks_nano p{
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: -10px;
    margin-left: 10px;
    margin-right: 10px;
}

.blocks_nano span{
    color: #fff;
    opacity: 0.5;
    margin-bottom:10px;
    text-align: center;
}

.img_nano{
    margin: 10px;
    margin-bottom: 20px;
}

.block_text_info{
    color: #fff;
    margin-bottom: 50px;
}

.block_text_info b{
    color:rgb(243, 155, 84);
}

.block_text_info span{
    opacity: 0.5;
}

.info_text_nanotech{
    display:grid;
}

.block_buttons_nano{
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    gap: 2em;
}

.mt-50{
    margin-bottom: 50px;
}



.mods{
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr;
    gap:1em;
}

.grid{
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 1em;
    background: #232224;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #00000000;
    transition: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.grid:hover{
    background: #373737;
    border: 1px solid #232224;
}


.img_m{
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 90px;
    background-position: center;
    background-repeat: no-repeat;
    height: 130px;
    filter: drop-shadow(1px 1px 10px black);
    transition: .5s;
}

.img_m:hover{
    transform: scale(1.1);
}

.img_m_1{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/3.png);}
.img_m_2{  background-image: url(/assets/image/servers/nanotech/2.png);}
.img_m_3{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/15.png);}
.img_m_4{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/16.png);}
.img_m_5{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/18.png);}
.img_m_6{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/22.png);}
.img_m_7{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/33.png);}
.img_m_8{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/38.png);}
.img_m_9{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/39.png);}
.img_m_10{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/43.png);}
.img_m_11{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/47.png);}
.img_m_12{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/48.png);}
.img_m_13{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/51.png);}
.img_m_14{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/52.png);}
.img_m_15{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/56.png);}
.img_m_16{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/62.png);}
.img_m_17{  background-image: url(https://cubixworld.net/assets/image/icons/server_describe/mods/93.png);}
.img_m_18{  background-image: url(https://ru-minecraft.ru/uploads/posts/2014-11/1416665230_draconic-evolution-mod.png);}
.img_m_19{  background-image: url(https://i.mcmod.cn/item/icon/128x128/0/7773.png);}

.info_mods{
    color: #a5a5a5;
    display: grid;
    justify-content: center;
    align-items: center;
}

.info_mods h3 a{
    display: flex;
    align-items: center;
    gap: 0.3em;
    color: #ec8e01;
    text-decoration: none;
}

.img_small{
    display: none;
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
}

.mods h2{
    margin-top: 40px;
    margin-bottom: 20px;
    color:#fff;
}

@media(max-width: 700px) {
    .info_server{
        grid-template-columns: 1fr !important;
    }
    .grid{
        grid-template-columns: 1fr !important;
    }
    .img_m {
        display: none;
    }
    .img_small{
        display: block;
    }
    .info_mods h3 a {
        margin-bottom: 7px;
    }

}

@media(max-width: 860px) {
    .main_nanotech_info{
        grid-template-columns: none;
    }
    .blocks_nano {
        grid-template-columns: 1fr 1fr;
    }
    .border-right{
        border: none;
    }
}

@media(max-width: 500px) {
    .blocks_nano {
        grid-template-columns: 100px 1fr;
    }
    .info_text_nanotech {
        justify-content: left;
        margin-left: 20px;
    }
    .blocks_nano p {
        text-align: left;
        margin: 0;
    }
    .blocks_nano span {
        text-align: left;
    }
    .border-right {
        border-right: none;
        border-bottom: 1px solid #343434;
    }
    .mt-50 {
        display: grid !important;
        gap: 2em !important;
    }
}