body, html {
   background-image: url("original-CEAAB8ED-FC8D-4098-896A-1AB93AF913CB.jpg");
   min-height: 100%;
   overflow-x:hidden;
   overflow-y: hidden;
}



#picture {
   width:70%;
   position:absolute;
   top:5%;
   border-color: #E5B054;
   border-width: 5px;
   border-style:ridge;
   left:17.5%;
   right:17.5%;
  
}

#bartho {
   position:absolute;
   width:50%;
   top:20%;
   left:0%;
}

#yellow {
   color:#E5B054;
}

* {font-family: Connectionserif;
   color:white;
   font-size: 1vw;
   
}

@font-face {
   font-family: 'Connectionserif';
   src: url('ConnectionSerif-d20X.otf');

}

#info {
   width:40%;
   position:absolute;
   bottom:2%;
   left:0%;
}