*::-webkit-scrollbar {
  height: 19px;
  width: 19px;
}

*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #838383;
}

*::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #CACACA;
}


@font-face {
  font-family: BookmanOldStyle;
  src: url(/res/fonts/BOOKOS.TTF);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Cublox';
  src: url(/res/fonts/cublox-webfont.ttf);
  font-weight: 300;
  font-style: normal;
}

#CubloxFont {
  font-family: 'Cublox';
}

body {
  background-color: #f2f2f2;
  font-family: 'BookmanOldStyle';
  font-size: 20px;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #686868;
}

table, th, td {
  border:0px;
}  

.contentbox {
  align-content: center;
  text-align: center;
  font-size: 110%;
  margin: 40px;
  margin-top: 50px;
}

.button {
  background-color: #d6d6d6;
  border: 4px solid black;
  color: #686868;
  padding: 20px 23px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: 'BookmanOldStyle';
  display: inline-block;
  font-size: 25px;
  margin: 4px 15px;
  transition-duration: 0s;
  cursor: pointer;
}

.button:hover {
  background-color: #adadad;
}


.photograph {
  width: 300px;
  height: 300px;
  border: 4px solid black;
}

.photograph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 9%;
  display: flex;
  align-items: center;
  width: 515px;
  height: 370px;
}