body{
    background-color: black;
}

.guns img{
    width: 74px;
    height: 74px;
    border-radius: 5%;
    border: solid 2px rgb(128, 65, 65);
    transition: all .5s ease;
}S

.guns img:hover{
    transform: translateY(-5px);
}

.kala img{
    width: 400px;
    height: 250px;
    border-radius: 5%;
    border: solid 2px rgb(30, 145, 190);
    transition: all .4s ease;
}

.kala img:hover{
    transform: translateY(-8px);
}

.meas img{
    width: 310px;
    height: 200px;
    border-radius: 5%;
    border: solid 2px rgb(128, 65, 65);
    transition: all .5s ease;
}

.meas img:hover{
    transform: translateY(-5px);
}

.email{
    transition: all .5s ease;
}

.email:hover{
    transform: translateY(-5px);
}

.asia{
    transition: all .5s ease;
}

.asia:hover{
    transform: translateY(-5px);
}

.tee img{
    border-radius: 5%;
    border: solid 2px blue;
}

.sss img{
    width: 300px;
    height: 250px;
    border-radius: 5%;
    border: solid 2px rgb(22, 168, 54);
    transition: all .5s ease;
}

.sss img:hover{
    transform: translateY(-5px);
}

.posit img{
    width: 50px;
    height: 50px;
    border-radius: 0%;
    transition: all .5s ease;
}

.posit img:hover{
    transform: translateY(-12px);
}

.texpo{
    color: rgb(26, 247, 125);
}

.proton img{
    width: 500px;
    height: 270px;
    border-radius: 5%;
    border: solid 2px rgb(169, 39, 255);
    transition: all .5s ease;
}

.proton img:hover{
    transform: translateY(-5px);
}

.war img{
    border-radius: 5%;
    border: solid 2px blue;
    width: 600px;
}

.war-1 img{
    border-radius: 5%;
    border: solid 2px blue;
    width: 400px;
}

.war-2 img{
    border-radius: 5%;
    border: solid 2px blue;
    width: 600px;
}

.war-3 img{
    border-radius: 5%;
    border: solid 2px blue;
    width: 600px;
}

.war-4 img{
    border-radius: 5%;
    border: solid 2px blue;
    width: 600px;
}

.war-5 img{
    border-radius: 5%;
    border: solid 2px blue;
    width: 400px;
    height: 600px;
}

.ggwp {
    color: rgb(255, 62, 36);
}

.meas-1 img{
    width: 310px;
    height: 400px;
    border-radius: 5%;
    border: solid 2px rgb(128, 65, 65);
    transition: all .5s ease;
}

.yuty {
    color: aqua;
}

.meas-2 img{
    width: 390px;
    height: 300px;
    border-radius: 5%;
    border: solid 2px rgb(128, 65, 65);
    transition: all .5s ease;
}

div#logo img{
    position: fixed;
    width: 50px;
    top: 775px;
    left: 20px;
}

div#logo-1 img {
    position: fixed;
    width: 80px;
    top: 775px;
    left: 25px;
}

.libt{
    font-size: 30px;
}