@font-face {
  font-family: 'Bauhaus';
  src: url(../fonts/BauhausRegular.ttf);
}

@font-face {
  font-family: 'Futura';
  src: url(../fonts/futur.ttf);
}

body{
  padding: 0;
  margin: 0;
  background-image: url(../images/gestaltBrutalist3.png);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;

}

.title-container {
  position: absolute; 
  right: 1100px;     
  bottom: 595px;         
  text-align: right;  
}

.title {
  height: 230px;    
  margin-bottom: -90px; 

}

.divider {
  width: 100%; 
  height: 5px;
  border: 2px solid black;
  border-radius: 5px;
  background-color: white; 
  box-shadow: 5px 5px 15px;
}

.button-containers {
  display: flex;            
  flex-direction: column; 
  align-items: center;      
  gap: 1px;                

  position: relative;        
  top: 150px;                
  width: fit-content;       
  margin: 0 auto;            
  right: 685px;
}

.image-button {
  border: none;          
  padding: 0;             
  width: auto;           
  height: auto;
  cursor: pointer;
  background: none;       
}

.image-button img {
  max-width: 150px;      
  height: auto;
  display: block;
}

.image-button:hover{
  
}