html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  color: white;
}

@font-face {
    font-family: 'generic_mobile_system_nuevoRg';
    src: url('genericmobilesystemnuevo-webfont.woff2') format('woff2'),
         url('genericmobilesystemnuevo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  
  display: flex;
  justify-content: center; /* horizontal */
  align-items: center;     /* vertical */
  background-color:#211924;
  background-attachment:fixed;
  background-size: contain;
  background-image:url('https://worth03.neocities.org/Assets/3.png'); 
  font-family: 'generic_mobile_system_nuevoRg'; 
}


.mainguy {
width:200px;
  height:200px;
  background-image:url('https://f2.toyhou.se/file/f2-toyhou-se/images/93785017_3OWzSydKR5EFTsv.png');
  background-size:cover;
border: 5px double white;
  text-align: center;
  color: white;
  margin-left: 40px ;
  margin-right: 20px;
    font-family: 'generic_mobile_system_nuevoRg';

    src: url('genericmobilesystemnuevo-webfont.woff2') format('woff2'),
         url('genericmobilesystemnuevo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;


}



.smallerguy {
width:600px;
align-items: center; 
  text-align: center;
  height:100%;
  background-image:url('https://worth03.neocities.org/Assets/Untitled-3.png');
  background-size:cover;
  background-position: 65% 35%;;
  border: 5px double white;

  color: white;
  margin-left: 20px;
  margin-right: auto;
    font-family: 'generic_mobile_system_nuevoRg';
  display: flex;
  

  
flex-direction: column;/* stack multiple elements vertically if needed *