body {
  background-color: white;
  color: black;
  font-family: monospace;
  text-align: center;
  font-size: 20px;
  
}

.site{
  padding: 6%; 
  max-width:1000px;
	position: absolute;
	max-height: 100%;
  top:  50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


a {
  color:black;
  text-decoration: none;
  display: inline-block;
}

.linnkks {
  display: flex;
  justify-content: center;
  gap: 40px;    
  font-size: 18px;
  
}

.desctext {
  writing-mode: vertical-lr;
  text-orientation: upright;
  display: block;
  flex-direction: column;
}

.linktext{
   opacity: 0;
   visibility:hidden;
   color:black;
   display: block;
   writing-mode: vertical-lr;
   text-orientation: upright;
   font-family: monospace;

}

.stuff{
   display: grid;
}


.j{
  display: grid;
  grid-template-areas:
    "sd main main transl transl"
    "sd img img img img";
     max-width: 2000px;
      border-style: double;
   border-color: black;
   border-width: 5px;
   padding:20px;
}
.name{
  
   grid-area: sd;
   writing-mode: vertical-lr;
  margin: auto 10px 0px 0px;
}  
.contentx{
    margin: auto 20px;
  grid-area: main;
}

.transl{
    margin: auto 20px;
  grid-area: transl;
}

.image{
  grid-area: img;
}

.limk {
  display: flex;
  flex-direction: column; 
  align-items: center;
}

.zoom-text:hover .linktext{
   visibility: visible;
   opacity: 1;
}

.b {
  line-height: 5;
  font-family: Helvetica;
}

.zoom-text{
  display: inline-block; 
}

.zoom-text:hover {
            transform: scale(1.1); 
        }