#intro-text {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #00000091;
  color: #fff;
  padding: 20px 40px;
  border-radius: 10px;
  font-size: 20px;
  opacity: 1;
  transition: opacity 1s ease-out;
  z-index: 9999;
   font-family: "Black Ops One", system-ui;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

  /* /////////////////////////////////////////////////////// */
.top{

  flex-direction: column;
  width: 1920px;
}
.start{

  width: 1920px;
  height: 1080px;
  position: relative;
  z-index: 10;
}
.start img{
  height: 100%;
  width: 100%;
  position: absolute;
}
/* /////////////////////////////////////////////////////// */
.br img{
   height: 100%;
   width: 100%;
   position: absolute;
}
.br{
    height: 71px;
    width: 62px;
    position: absolute;
    z-index: 230;
    display: flex;
    margin-left: 910px;
    margin-top: 138px;
    transition: transform 0.3s ease;
}
.br:hover{
 transform: scale(1.3);
}
/* /////////////////////////////////////////////////////// */
.ussr{
  height: 283px;
  width: 655px;
  margin-left: 1043px;
  margin-top: 22px;
 position: absolute;
  z-index: 200;
  display: flex;
  transition: transform 0.3s ease;
}
.ussr:hover{
 transform: scale(1.05);
}
/* /////////////////////////////////////////////////////// */
.us{
  height: 310px;
  width: 375px;
  margin-left: 263px;
  margin-top: 70px;
 position: absolute;
  z-index: 200;
  display: flex;
  transition: transform 0.3s ease;
}
.us:hover{
 transform: scale(1.1);
}
/* /////////////////////////////////////////////////////// */
.na{
    height: 300px;
  width: 240px;
  margin-left: 876px;
  margin-top: 80px;
 position: absolute;
  z-index: 100;
  display: flex;
  transition: transform 0.3s ease;
}
.na:hover{
  transform: scale(1.1);
  z-index: 220;
}
/* /////////////////////////////////////////////////////// */
.it{
    height: 73px;
  width: 58px;
  margin-left: 990px;
  margin-top: 223px;
 position: absolute;
  z-index: 230;
  display: flex;
  transition: transform 0.3s ease;
}
.it:hover{
transform: scale(1.3);
}
/* /////////////////////////////////////////////////////// */
.ja{
      height: 443px;
  width: 370px;
  margin-left: 1408px;
  margin-top: 177px;
 position: absolute;
  z-index: 230;
  display: flex;
  transition: transform 0.3s ease;

}
.ja:hover{
  transform: scale(1.05);
  border: none;
}
.inter1{
  width: 1920px;
  height: 200px;
  background-color: #1a1a1a;
  display: flex;
  
}

/* /////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////// */

.NAZI{
    width: 1870px;
  height: 1080px;
  background-color: #a10303;
  display: flex;
  background-image: url(hof4\ \(1\).png);
box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-moz-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
  background-repeat: no-repeat;
    background-position: center;
    border: 18px solid #141414;

    position: relative;
}

/* /////////////////////////////////////////////////////// */

.SSSR{
    width: 1870px;
  height: 1080px;
  background-color: #a10303;
  display: flex;
  background-image: url(sssrthumbanial.png);
box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-moz-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
  background-repeat: no-repeat;
    background-position: center;
    border: 18px solid #141414;
    background-size: cover;
  
}

/* /////////////////////////////////////////////////////// */

.USA{
    width: 1870px;
  height: 1080px;
  background-color: #002fff;
  display: flex;
  background-image: url(usawhite.png);
box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-moz-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
  background-repeat: no-repeat;
    background-position: center;
    border: 18px solid #141414;
    background-size: cover;
}

.GB{
    width: 1870px;
  height: 1080px;
  background-color: #2503a1;
  display: flex;
  background-image: url(bucking.png);
box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-moz-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
  background-repeat: no-repeat;
    background-position: center;
    border: 18px solid #141414;
    background-size: cover;
}
.JA{
    width: 1870px;
  height: 1080px;
  background-color: #7c0a0a;
  display: flex;
  background-image: url(japanshitn.png);
box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-moz-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
  background-repeat: no-repeat;
    background-position: center;
    border: 18px solid #141414;
    background-size: cover;
}
.IT{
    width: 1870px;
  height: 1080px;
  background-color: #a10303;
  display: flex;
  background-image: url(italyhutmba.png);
box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
-moz-box-shadow: -1px -1px 361px 29px rgba(0,0,0,0.75) inset;
  background-repeat: no-repeat;
    background-position: center;
    border: 18px solid #141414;
    background-size: cover;
}