body {
    background-color: rgb(35, 35, 35);
    margin: 0 auto;
    height: 2000px;
}

.text {
    color: white;
    background-color: rgb(88, 88, 88);
    border: 1px solid black;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
}

.text1 {
    position: sticky;
    top: 0px;
    color: white;
    background-color: rgb(88, 88, 88);
    border: 1px solid black;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
}

a[href="image/m2fj9bybp5c61.jpg"]:hover {
    color: blue;
}
a[href="image/just-finished-the-entire-us-tech-tree-v0-324grky8ukcb1.webp"]:hover {
    color: blue;
}
a[href="image/german-tech-tree-completely-researched-and-all-tanks-bought-v0-7govhujrdkbb1.webp"]:hover {
    color: blue;
}
a[href="image/behold-i-proudly-present-the-first-completed-tech-tree-line-v0-gc62e4hicy3c1.webp"]:hover {
    color: blue;
}
a[href="image/3443848-fc1dada5484d8ea1f14590ccb5929407.webp"]:hover {
    color: blue;
}
a[href="image/8dml6qfkl6bb1.jpg"]:hover {
    color: blue;
}
a[href="image/d6q4227jf9z81.jpg"]:hover {
    color: blue;
}
a[href="image/just-finished-the-french-tech-tree-2-8-done-6-to-go-v0-brz75n7ioudb1.webp"]:hover {
    color: blue;
}

.brit {
    color: white;
    position: relative;
    right: 200px;
    bottom: 35px;
}

.ameri {
    color: white;
    position: relative;
    right: 150px;
    bottom: 35px;
}

.ger {
    color: white;
    position: relative;
    right: 100px;
    bottom: 35px;
}

.sov {
    color: white;
    position: relative;
    right: 50px;
    bottom: 35px;
}

.logo {
    width: 50px;
    height: 75px;
}

.chi {
    color: white;
    position: relative;
    left: 50px;
    bottom: 35px;
}

.euro {
    color: white;
    position: relative;
    left: 100px;
    bottom: 35px;
}

.jap {
    color: white;
    position: relative;
    left: 150px;
    bottom: 35px;
}

.fre {
    color: white;
    position: relative;
    left: 200px;
    bottom: 35px;
}

.descript {
    margin: 0 auto;
    color: white;
    padding: 30px;
}

.firstpara {
    background-color: grey;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 40px;
}

.block {
    position: fixed;
    left: 70px;
}

.wotimage {
    border-radius: 30px;
    width: 150px;
}

.short {
    text-align: center;
}

.list1 {
    background-color: grey;
    position: relative;
    left: 300px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 30px;
    width: 500px;
    z-index: -1;
}

.list2 {
    background-color: grey;
    position: relative;
    left: 720px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 30px;
    width: 500px;
    z-index: -1;
}

.list3 {
    background-color: grey;
    position: relative;
    left: 300px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 30px;
    width: 500px;
    z-index: -1;
}

.list4 {
    background-color: grey;
    position: relative;
    left: 720px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 30px;
    width: 500px;
    z-index: -1;
}

.list5 {
    background-color: grey;
    position: relative;
    left: 300px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 30px;
    width: 500px;
    z-index: -1;
}

.list6 {
    background-color: grey;
    position: relative;
    left: 720px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 30px;
    width: 500px;
    z-index: -1;
}

.list7 {
    background-color: grey;
    position: relative;
    left: 300px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 30px;
    width: 500px;
    z-index: -1;
}

.lastpara {
    background-color: grey;
    position: absolute;
    top: 2630px;
    left: 1000px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 40px;
    font-size: 30px;
    width: 400px;
    text-align: center;
}