* {
  overflow: auto;
  font-family: Georgia, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body {
  background: url(images/main/n34k96v6uc1e1.png);
  background-repeat: repeat, repeat;
  background-size: 50px, auto;
  background-position: top;
  background-attachment: fixed;
  color: rgb(255, 255, 255);
}
a:any-link {
    color: #ffffff;
}
header{
  grid-area: header;
}
.main{
  margin: auto;
  background-color: #440202;
  border-radius: 3px;
  border: 2px solid #ffffff;
  width: 1205px;
  height: 708px;
  margin-top: 100px;
}
.buttons{
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: 3px;
  width: 1196px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;   
}
.O{
  border-radius: 3px;
  width: 1205px;
  height: 210px;
  display: flex;
  margin: auto;
}
.I, .II{
  border-radius: 3px;
  width: 1205px;
  height: 230px;
  display: flex;
  margin: auto;
}
.left{
  width: 120px;
  height: 200px;
  float: left;
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: auto;
  text-align: center;
  overflow: hidden;
}
.middle{
  width: 770px;
  height: 200px;
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: auto;
}
.right{
  width: 290px;
  height: 200px;
  float: right;
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: auto;
}
.leftI{
  width: 400px;
  height: 220px;
  float: left;
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: auto;
  text-align: center;
  overflow: hidden;
}
.middleI{
  width: 600px;
  height: 220px;
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: auto;
}
.rightI{
  width: 180px;
  height: 220px;
  float: right;
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  line-height: 28px;   
}
.middleII{
  width: 705px;
  height: 220px;
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: auto;
}
.rightII{
  width: 480px;
  height: 220px;
  float: right;
  background-color: #630909;
  border-radius: 3px;
  border: 1px solid #ffffff;
  margin: auto;
  text-align: center;
}
.myImage {
  width: 100px;
}

#name{
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  padding-left: 0%;
}

@keyframes scroll {
 0% { transform: translateX(130px); }
 100% { transform: translateX(-100%); }
}