body
  {
    font-family: ms gothic;
    font-size:15px;
    color: #505050;
    letter-spacing: 1px;
    line-height: 1.2;
    background-image: url(background.png);
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:fixed;
    background-size: cover;
}

small {
  font-size: 0.7em;
}

#fullweb {
  width: 650px;
  height: auto;
  padding: 8px;
  margin: auto;
  position: relative;
}

#index {
  text-align: center;
  font-size: 17px;
  color: #f2f2f2;
  margin: auto;
  margin-top: 300px;
}

#banner {
  width: 533px;
  height: 375px;
  margin: auto;
  background-image: none;
}

#top {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #f2f2f2;
}

#middle {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

#info {
  text-align: center;
  background: linear-gradient(#f7f7f7 0.7%, #e4e4e4 70%, #c0c0c0, #e4e4e4);
  border: 1px #404040 solid;
  border-top: 1px #f2f2f2 solid;
  border-left: 1px #8d8d8d solid;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 430px;
  height: 375px;
  margin-right: 10px;
}

#sidebar {
  text-align: center;
  width: 204px;
  background: linear-gradient(#f7f7f7 0.7%, #e4e4e4 70%, #c0c0c0, #e4e4e4);
  border: 1px #404040 solid;
  border-top: 1px #f2f2f2 solid;
  border-left: 1px #8d8d8d solid;
}

button {
  background: none;
  border: none;
  height: 30px;
  width: 100%;
  text-align: left;
  font-family: ms gothic;
  padding-left: 10px;
}

button:hover {
  background: none;
  border: none;
  
}

#heading {
  background: none;
  border: none;
  height: 30px;
  width: 100%;
  text-align: center;
  font-family: ms gothic, bold;
}

#other {
  height: 250px;
  text-align: center;
  padding-top: 10px;
  margin: 10px;
}

#socials {
  padding-top: 10px;
  padding-bottom: 5px;
  margin: 10px;
}

#box {
  margin-left: 10px;
  margin-right: 10px;
  height: 372px;
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 10px;
  text-align: left;
}

#box2 {
  height: 115px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  overflow: auto;
}

#uc {
  margin-top: 80px;
}

#midbot {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#bottom {
  margin-top: 10px;
  width: 650px;
  height: 190px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

#webring {
  width: 430px;
  height: 165px;
  padding-top: 10px;
  background: linear-gradient(#f7f7f7 0.7%, #e4e4e4 70%, #c0c0c0, #e4e4e4);
  border: 1px #404040 solid;
  border-top: 1px #f2f2f2 solid;
  border-left: 1px #8d8d8d solid;
}

#boxweb {
  height: 115px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  overflow: auto;
}

#update {
  width: 204px;
  height: 165px;
  padding-top: 10px;
  background: linear-gradient(#f7f7f7 0.7%, #e4e4e4 70%, #c0c0c0, #e4e4e4);
  border: 1px #404040 solid;
  border-top: 1px #f2f2f2 solid;
  border-left: 1px #8d8d8d solid;
  margin-left: 10px;
}

#end {
  padding-top: 20px;
  width: 650px;
  height: 98px;
  background: linear-gradient(#f7f7f7 0.7%, #e4e4e4 70%, #c0c0c0, #e4e4e4);
  border: 1px #404040 solid;
  border-top: 1px #f2f2f2 solid;
  border-left: 1px #8d8d8d solid;
  padding-top: 8px;
  padding-bottom: 3px;
  margin-top: 10px;
  text-align: center;
}

#textwhite {
  text-align: left;
  font-size: 15px;
  color: #f2f2f2;
  margin: auto;
  margin-top: 15px;
}

/* graphic style here*/

#center {
  text-align: center;
  background-color: #dadada;
  border: 0.05cm #616161 solid;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 650px;
  height: 1870px;
}

#box3 {
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  height: 1866px;
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

/* webforyou style here*/

#webforyou {
  text-align: center;
  background-image:linear-gradient(#ffffff, #d1d1d1);
  box-shadow: -1px -1.4px 1px inset #bbbbbb, 2px 3px 1.5px inset white, 0px 0px 2px #bbbbbb;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 650px;
  height: 1000px;
}

#box4 {
  background-image:linear-gradient(#ffffff, #d1d1d1);
  box-shadow: -1px -1.4px 1px inset #ffffff, 1.5px 1.5px 1.5px inset #bbbbbb, 0px 0px 2px #bbbbbb;
  margin-left: 10px;
  margin-right: 10px;
  height: 994px;
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

/* abtme style here*/

#abtme {
  background-image:linear-gradient(#ffffff, #d1d1d1);
  box-shadow: -1px -1.4px 1px inset #bbbbbb, 2px 3px 1.5px inset white, 0px 0px 2px #bbbbbb;
  margin-top: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 400px;
  height: 440px;
}

#mebox {
  background-image:linear-gradient(#ffffff, #d1d1d1);
  box-shadow: -1px -1.4px 1px inset #ffffff, 1.5px 1.5px 1.5px inset #bbbbbb, 0px 0px 2px #bbbbbb;
  margin-left: 10px;
  margin-right: 10px;
  height: 430px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

#moreme {
  background-image:linear-gradient(#ffffff, #d1d1d1);
  box-shadow: -1px -1.4px 1px inset #bbbbbb, 2px 3px 1.5px inset white, 0px 0px 2px #bbbbbb;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 650px;
  height: 500px;
}

#mebox2 {
  background-image:linear-gradient(#ffffff, #d1d1d1);
  box-shadow: -1px -1.4px 1px inset #ffffff, 1.5px 1.5px 1.5px inset #bbbbbb, 0px 0px 2px #bbbbbb;
  margin-left: 10px;
  margin-right: 10px;
  height: 470px;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: right;
}

#midbotnon {
  height: 60px;
  margin-top: 10px;
  width: 650px;
  padding-top: 3px;
}

#posters {
  display: block;
  unicode-bidi: isolate;
}

#arrow {
  display: block;
  unicode-bidi: isolate;
}

/* error style here*/

#error {
  width: 650px;
  height: auto;
  padding: 8px;
  margin: auto;
  color: #f2f2f2;
}

#max {
  display: block;
  unicode-bidi: isolate;
}

::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-thumb {
  display: none;
}